andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-10-30 19:12:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(console): improve project counters, dark primary color change, smaller UI improvements (#4620)

Browse Source 
* dark primary color change, project counter, link color improvements

* update fallback colors

* fallback colors

Co-authored-by: Livio Spring <[email protected]>
This commit is contained in:
Max Peintner
2022-11-17 07:43:53 +00:00
committed by GitHub
co-authored by Livio Spring
parent dbb18342a1
commit 7db87f4646
15 changed files with 323 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/app/modules/nav-toggle/nav-toggle.component.html
+6 -1
View File
@@ -1,6 +1,11 @@
<button class="nav-toggle" [ngClass]="{active}" (click)="clicked.emit()">
<div class="c_label">
<span> {{ label }} </span>
<small *ngIf="count" class="count">({{ count }})</small>
<div *ngIf="count && count < 100" class="count">
<span>{{ count }}</span>
</div>
<div *ngIf="count && count >= 100" class="count">
<span>99+</span>
</div>
</div>
</button>
console/src/app/modules/nav-toggle/nav-toggle.component.scss
+15 -2
View File
@@ -31,6 +31,8 @@
background: none;
cursor: pointer;
font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
box-sizing: border-box;
height: 27px;
.c_label {
display: flex;
@@ -38,8 +40,19 @@
text-align: center;
.count {
display: none;
display: flex;
align-items: center;
justify-content: center;
height: 17px;
width: 17px;
border-radius: 50%;
padding: 2px;
margin: -2px -9px -2px 8px;
margin-left: 6px;
background-color: if($is-dark-theme, #ffffff20, #00000020);
line-height: 18px;
font-size: 11px;
transition: background 0.2s ease;
}
}
@@ -63,7 +76,7 @@
.c_label {
.count {
display: inline-block;
background-color: if($is-dark-theme, #00000020, #ffffff20);
}
}
}