0
0
instrumental/app/javascript/styles/mastodon
Sasha Sorokin 14ca559705 Evenly spread space between tabs (#12944)
This commit fixes uneven spread of space between the tabs in profiles
or notifications (filters). The problem was that links and buttons
shown as blocks had their width determined according to the content
inside of them, so if one tab has more text content than another, it
is going to take over others space, which is uneven and results in
incorrectly aligned (?) tabs display.

By specifying the size of 100% for each tab, parent container will be
forced to divide available space by the number of elements and evenly
give each child fixed space, "text-align: center" then doing its best
job to keep tabs text centered in that space. This relatively fixes
the problem, but will introduce another one - when the block has more
content that its width allows to have, in this scenario the text should
be wrapped or will be displayed over the other elements, but I see this
more as translators' problem. Still, for this case "overflow: hidden"
is added and any unfitting text will be cut out.
2020-01-24 20:50:49 +01:00
..
_mixins.scss Avoid using uppercase text-transform (#12684) 2020-01-12 14:16:46 +01:00
about.scss Avoid using uppercase text-transform (#12684) 2020-01-12 14:16:46 +01:00
accessibility.scss Add a few black emojis that are to have a white outline (#8597) 2018-09-10 18:26:47 +02:00
accounts.scss Avoid using uppercase text-transform (#12684) 2020-01-12 14:16:46 +01:00
admin.scss Avoid using uppercase text-transform (#12684) 2020-01-12 14:16:46 +01:00
basics.scss Add error description and button to copy stack trace to web UI (#12033) 2019-10-01 20:48:49 +02:00
boost.scss Redesign forms, verify link ownership with rel="me" (#8703) 2018-09-18 16:45:58 +02:00
compact_header.scss Separate high contrast theme (#7213) 2018-04-21 21:35:55 +02:00
components.scss Evenly spread space between tabs (#12944) 2020-01-24 20:50:49 +01:00
containers.scss Fix counter sizing (#12446) 2019-11-29 17:03:38 +01:00
dashboard.scss Fix height of dashboard counters (#11736) 2019-09-02 18:11:34 +02:00
emoji_picker.scss Fix sass-lint config (#10982) 2019-06-06 18:51:46 +02:00
footer.scss Avoid using uppercase text-transform (#12684) 2020-01-12 14:16:46 +01:00
forms.scss Add announcements (#12662) 2020-01-23 22:00:13 +01:00
introduction.scss Fix performance of home feed regeneration (#12084) 2019-10-06 22:11:17 +02:00
lists.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
modal.scss Add follow button to detailed status, add gradient to mask bio cut-off (#7979) 2018-07-07 22:20:14 +02:00
polls.scss Highlight border when focusing poll-form footer (#12544) 2019-12-05 00:51:07 +01:00
reset.scss Fix Firefox scrollbar color regression in #9210 (#9908) 2019-01-24 13:32:23 +01:00
rtl.scss Fix issues in RTL layout in web UI (#12060) 2019-10-03 03:17:41 +02:00
statuses.scss Remove Atom feeds and old URLs in the form of GET /:username/updates/:id (#11247) 2019-07-07 16:16:51 +02:00
tables.scss Fix batch actions being hidden from mobile view (#12183) 2019-10-24 22:46:59 +02:00
variables.scss Add bookmarks (#7107) 2019-11-13 23:02:10 +01:00
widgets.scss Avoid using uppercase text-transform (#12684) 2020-01-12 14:16:46 +01:00