habitica-self-host/website/client/components/ui
Ian Oxley 8438cf0578 Fix drawer text overlapping at smaller screen resolutions (#10360)
* Replace divs with semantic markup

Replace `<div>` tags with `<nav>`, `<aside>`, and a list for the nav items.

* Use grid layout

Replace flexbox with CSS grid layout. The right-hand side item is now in its own
grid cell, so the text wraps inside its cell at smaller screen widths.

Undo `<nav>` tag.

* Sort CSS

Sort the remaining CSS property declarations.

* Fix right alignment issue in Safari

Remove `justify-self: end` to fix the right alignment issue in Safari.

* Fix vertical alignment in Edge

Add `align-self: center` but only for MS Edge.

Also removed `position: relative` on the wrapper element for the tabs.
As the help item isn't using absolute positioning anymore we don't need
to set relative positioning on the parent element.
2018-05-18 17:07:42 +02:00
..
countBadge.vue Items/Market/Quests/misc fixes (#8987) 2017-08-26 12:18:55 +02:00
customMenuDropdown.vue Notifications v2 and Bailey API (#9716) 2018-01-31 11:55:39 +01:00
drawer.vue fix Stable sidebar width and center inventory drawer (fixes #9263) (#9419) 2017-11-27 20:48:52 -06:00
drawerHeaderTabs.vue Fix drawer text overlapping at smaller screen resolutions (#10360) 2018-05-18 17:07:42 +02:00
drawerSlider.vue fix(market): hide nav buttons when too few items 2018-01-18 20:05:16 +00:00
itemRows.vue Event off fixes (#9918) 2018-02-01 10:14:21 -07:00
starBadge.vue multiple fixes sep 24 (#9073) 2017-09-25 20:12:49 +02:00
toggleSwitch.vue Prettify background overview (#10078) 2018-03-24 11:07:37 -05:00