update: right menu circles

This commit is contained in:
Marjolaine Le Bon
2020-08-04 12:34:17 +02:00
parent 443298e074
commit 415f06c36e
8 changed files with 115 additions and 9 deletions

View File

@ -47,7 +47,7 @@
--color-menu-icon-background-active: var(--color-secondary);
/* Right menu */
--color-right-menu-background: #e8e8ee;
--color-right-menu-background: #e8e8e8;
--color-right-menu-text: #3c3F57;
--color-right-menu-link-border: #BDC2D7;
--color-right-menu-active-text: var(--color-white);
@ -135,18 +135,22 @@
#main__menu .menu {
font-size: 2rem;
}
#main__menu .unread {
font-weight: bold;
}
#main__menu .menu[active=""] {
color: var(--color-complementary);
}
#main__menu .sub-menu.menu-notification {
font-family: Facit;
}
#main__menu solid-router sib-route.menu, #main__menu sib-router sib-route.menu {
padding: 1.2rem 0;
}
#viewport .content-box {
font-family: Facit;
}
#viewport #circle .content-box__header solid-display div {
display: flex;
flex-direction: column;
text-align: center;
}
#viewport #circle .content-box__header .h1-like {
@ -158,9 +162,19 @@
margin: 10px 0;
}
#viewport #circle .content-box__header solid-display div .h1-aside:not(:empty)::before {
content: none;
}
#viewport .with-sidebar nav > solid-router {
color: #3C3F57;
}
#viewport .with-sidebar nav > solid-router > ul > sib-route[active] {
background-color: var(--color-right-menu-active-background);
color: var(--color-right-menu-active-text);
display: inline-block;
}
@media (min-width: 992px) {
.content-box__height {
min-height: calc(100vh - 83px - 98px);
}
#viewport .chat-view {
height: calc(100vh - 84px - 98px);
}
}