Tocas: Strange width in .sidebar.menu > .item > .input

Created on 11 Dec 2017  ·  2Comments  ·  Source: teacat/tocas

Example code:

<div class="ts visible static vertical menu sidebar">
  <div class="basic item">
    <div class="ts fluid right icon input">
      <input type="search" placeholder="Search">
      <i class="search icon"></i>
    </div>
  </div>
</div>

Result:
default

  • This can be fixed by setted input style to width: 140px (if sidebar width 230px);
  • Looks fine if sidebar width >300px by adding .wide or .very.wide classes;
  • Looks bad if sidebar width <300px by adding .thin or .very.thin classes;
🎨 CSS 🐛 已證實 Bug 💬 討論

All 2 comments

I don't see any problem with the code you provided and the example.

Maybe it's the browser bug and it might been fixed already?

2018-03-29 10 25 43

default
Same result in playground today. :thinking:

Was this page helpful?
0 / 5 - 0 ratings