habitica

mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-16 22:27:26 +01:00

Files

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 )