1
0
mirror of https://github.com/Radarr/Radarr.git synced 2026-04-14 20:55:01 -04:00
Files
Radarr/frontend/src/Components/Page/Sidebar/PageSidebarItem.css
Mark McDowall c7c07404b0 Improve wrapping of text in sidebar
(cherry picked from commit f58dfc5605738ebccdd6adc6f1ca2a7843c086b2)
2025-03-11 11:29:20 +02:00

48 lines
688 B
CSS

.item {
border-left: 3px solid transparent;
color: var(--sidebarColor);
transition: border-left 0.3s ease-in-out;
}
.isActiveItem {
border-left: 3px solid var(--themeBlue);
}
.link {
display: block;
padding: 12px 24px;
color: var(--sidebarColor);
&:hover,
&:focus {
color: var(--themeBlue);
text-decoration: none;
}
}
.childLink {
composes: link;
padding: 10px 24px;
padding-left: 35px;
}
.isActiveLink {
color: var(--themeBlue);
}
.isActiveParentLink {
background-color: var(--sidebarActiveBackgroundColor);
}
.iconContainer {
display: inline-block;
margin-right: 7px;
width: 18px;
text-align: center;
}
.status {
float: right;
}