davejansen/system.css
1
0
Fork 0
mirror of https://github.com/sakofchit/system.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

feat(style.css): enhance single children menu bar items

Browse Source 
This commit targets items that act as single children items within a menu bar list, and enhances the styling so that they look and behave as items with a menu dropdown associated with them.
It checks for the "aria-haspopup" attribute set to false and applies the styles.
As I read the code, I found that some CSS rules clash with other rules if I use color variables for states like hover and focus, or if I try to look for a common styles ruleset and I add a selector for it.

I believe what I added is not a good practice and does not follow a pattern because the code base became complicated to debug. In this case, I decided to inherit some styles and apply them to my selectors as I think it's a safe approach.

Fixes #26
This commit is contained in:
Houssam Jelliti
2023-03-08 00:38:58 +01:00
parent e40c91daf9
commit 876ff0f3eb
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
style.css
View File

@@ -637,6 +637,11 @@ ul[role="menu-bar"] > [role="menu-item"]:focus, ul[role="menu-bar"] > [role="men
color: var(--primary);
outline: none;
}
ul[role="menu-bar"] > [role="menu-item"][aria-haspopup="false"] * {
color: inherit;
background: inherit;
text-decoration: none;
}
ul[role="menu"] {
position: relative;
min-width: 200px;