From b46c16f6b53d50498ef5754d2d56708df7bac09d Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Fri, 20 Nov 2020 16:11:44 +0100
Subject: [PATCH] feature: left-menu: circles
---
src/styles/base/menu-left.scss | 33 ++++++++++++++++++++++++++++-----
1 file changed, 28 insertions(+), 5 deletions(-)
diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index cc531303..c06f7fc9 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -144,11 +144,29 @@
}
/* 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 {
solid-display-div[name='name'] {
flex: 3;
+ background: brown;
>div[name='name'] {
box-sizing: border-box;
@@ -174,6 +192,9 @@
margin-top: 15px;
margin-left: 15px;
}
+ &>solid-display:first-child {
+ margin-top: 0;
+ }
}
.message-tab>div>solid-display>div>solid-display-div>div {
@@ -230,13 +251,15 @@
hubl-menu-publicprivate {
display: inline-block;
- text-align: center;
+ /*text-align: center;*/
+ width: auto;
div {
font-family: simple-line-icons;
- width: 20px;
+ /*width: 20px;
font-size: 0.8em;
- padding-top: 0.1em;
+ padding-top: 0.1em;*/
+ padding-right: 2px;
}
}
@@ -260,7 +283,7 @@
color: var(--color-white);
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 {
padding: 1rem 1rem 1rem 3rem;
}
@@ -297,7 +320,7 @@
hubl-counter {
/*height: 20px;
width: 20px;*/
- margin-right: 1em;
+ /*margin-right: 1em;*/
div.counter:not([data-nb-unread="0"]) {
text-align: center;
--
GitLab