autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: left-menu: circles

Browse Source
This commit is contained in:
gaelle morin 2020-11-20 16:11:44 +01:00
parent 6e16261008
commit b46c16f6b5
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
1 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/styles/base/menu-left.scss
View File

@ -144,11 +144,29 @@
} }
/* Ellipsis for circle tab */ /* Ellipsis for circle tab */
.circle-tab>div {
width: 100%;
&>solid-display {
display: block;
margin-top: 15px;
margin-left: 15px;
}
&>solid-display:first-child {
margin-top: 0;
}
hubl-menu-publicprivate {
width: 16px;
background: black;
}
}
.circle-tab>div>solid-display>div { .circle-tab>div>solid-display>div {
solid-display-div[name='name'] { solid-display-div[name='name'] {
flex: 3; flex: 3;
background: brown;
>div[name='name'] { >div[name='name'] {
box-sizing: border-box; box-sizing: border-box;
@ -174,6 +192,9 @@
margin-top: 15px; margin-top: 15px;
margin-left: 15px; margin-left: 15px;
} }
&>solid-display:first-child {
margin-top: 0;
}
} }
.message-tab>div>solid-display>div>solid-display-div>div { .message-tab>div>solid-display>div>solid-display-div>div {
@ -230,13 +251,15 @@
hubl-menu-publicprivate { hubl-menu-publicprivate {
display: inline-block; display: inline-block;
text-align: center; /*text-align: center;*/
width: auto;
div { div {
font-family: simple-line-icons; font-family: simple-line-icons;
width: 20px; /*width: 20px;
font-size: 0.8em; font-size: 0.8em;
padding-top: 0.1em; padding-top: 0.1em;*/
padding-right: 2px;
} }
} }
@ -260,7 +283,7 @@
color: var(--color-white); color: var(--color-white);
cursor: pointer; cursor: pointer;
>hubl-menu-fix-url-circle>solid-link>solid-display>div, /*>hubl-menu-fix-url-circle>solid-link>solid-display>div,*/
>hubl-menu-fix-url-project>solid-link>solid-display>div { >hubl-menu-fix-url-project>solid-link>solid-display>div {
padding: 1rem 1rem 1rem 3rem; padding: 1rem 1rem 1rem 3rem;
} }
@ -297,7 +320,7 @@
hubl-counter { hubl-counter {
/*height: 20px; /*height: 20px;
width: 20px;*/ width: 20px;*/
margin-right: 1em; /*margin-right: 1em;*/
div.counter:not([data-nb-unread="0"]) { div.counter:not([data-nb-unread="0"]) {
text-align: center; text-align: center;