f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-08-06 06:47:38 +00:00
Code Wiki Activity

Cleanup some loose ends.

Browse Source
This commit is contained in:
Gazook89
2026-05-29 15:57:41 -05:00
parent 03890fd329
commit cf8f809eec
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/components/dropdown/dropdown.jsx
+1 -2
View File
@@ -1,7 +1,6 @@
/** /**
* A dropdown menu component that uses the Anchor Positioning API to position the elements. It supports nested submenus as well. * A dropdown menu component that uses the Anchor Positioning API to position the elements. It supports nested submenus as well.
* Anchor Positioning is now supported in all major browsers. If support is needed for older browsers (namely, older firefox) * Anchor Positioning is now supported in all major browsers. A polyfill is conditionally loaded for older browsers.
* it is possible to use absolute positioning and calculations/resize observers to position things well enough, but adds another layer of complexity to the code.
* *
* As-is, the menus will always open down aligned on left to trigger, submenus open to the right initially. * As-is, the menus will always open down aligned on left to trigger, submenus open to the right initially.
* If no space, menus will still open down, but aligned to the right of the trigger. Submenus will flip to the other side of the top menu. * If no space, menus will still open down, but aligned to the right of the trigger. Submenus will flip to the other side of the top menu.
client/components/dropdown/dropdown.less
+1 -2
View File
@@ -1,6 +1,5 @@
.menu-wrapper { .menu-wrapper {
position: relative; position: relative;
place-content: center;
&:is(.menu-bar > .menu-section > .menu-wrapper){ &:is(.menu-bar > .menu-section > .menu-wrapper){
display: inline-block; display: inline-block;
} }
@@ -12,7 +11,7 @@
inset-block-start: anchor(bottom); inset-block-start: anchor(bottom);
inset-inline-start: anchor(left); inset-inline-start: anchor(left);
position-try: flip-inline; position-try: flip-inline;
color: unset; // [popover] gets a `canvastext` color value from useragent. color: inherit; // [popover] gets a `canvastext` color value from useragent.
> .menu-wrapper { > .menu-wrapper {
position:relative; position:relative;
> .menu-list { > .menu-list {