1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-10 04:58:30 +00:00
FrankerFaceZ/styles/widgets/menu-tree.scss
SirStendec 79e3ba23a2 4.0.0-rc13.7
* Fixed: Loading errors in the Browse Popular directory due to a renamed query field.
* Fixed: Block and Hide Thumbnail buttons not appearing in Game directories. (Fixes #538)
* Fixed: Custom chat width applying when portrait mode is active. (Fixes #540)
* Fixed: FrankerFaceZ not properly detecting the dark theme when theater mode is enabled and then not using appropriate colors. (Fixes #541)
* Fixed: Override badges appearing invisible with certain badge styles.

* Maintenance: Update the chat types enum to match current Twitch values.
2018-11-12 13:34:53 -05:00

69 lines
No EOL
949 B
SCSS

.ffz--menu-tree {
position: relative;
&:focus {
outline: none;
&:after {
position: absolute;
top: 0; left: 0;
height: 100%;
width: 100%;
content: '';
pointer-events: none;
box-shadow: inset 0 0 0 1px #7d5bbe,
0 0 6px -2px #7d5bbe;
}
}
.active > div,
.active > div:hover,
.tw-root--theme-dark & .active > div:hover {
background-color: #6441a4;
color: #fff;
}
div:hover {
cursor: pointer;
background-color: #fff;
.tw-root--theme-dark & {
background-color: #201c2b;
}
}
li div {
font-size: 1.4rem;
margin-top: 0.5rem;
padding-left: 0.5rem
}
li:first-child div,
li ul div {
margin-top: 0rem;
}
li ul div {
font-size: inherit;
}
li li div { padding-left: 1rem }
li li li div { padding-left: 1.5rem }
li li li li div { padding-left: 2rem }
.pill {
font-size: 0.9rem;
}
.arrow {
opacity: 0.3;
font-size: 1.6rem;
}
}
.ffz--invisible {
visibility: hidden;
}