Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-28 12:45:45 +01:00
Code Issues Projects Releases Wiki Activity

changed disabled badge style

Browse Source
This commit is contained in:
addison 2021-02-25 13:27:47 -05:00
parent f429996d5c
commit ac4afc6ef1
3 changed files with 8 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/send/send.component.html
View File

@ -51,23 +51,24 @@
<div class="item-title"> <div class="item-title">
{{s.name}} {{s.name}}
<span class="title-badges"> <span class="title-badges">
<span appStopClick class="text-badge" *ngIf="s.disabled"> <ng-container ngIf="s.disabled">
{{'disabled' | i18n}} <i class="fa fa-warning" appStopProp title="{{'disabled' | i18n}}" aria-hidden="true"></i>
</span> <span class="sr-only">{{'disabled' | i18n}}</span>
<ng-container > </ng-container>
<ng-container *ngIf="s.password">
<i class="fa fa-key" appStopProp title="{{'password' | i18n}}" aria-hidden="true"></i> <i class="fa fa-key" appStopProp title="{{'password' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'password' | i18n}}</span> <span class="sr-only">{{'password' | i18n}}</span>
</ng-container> </ng-container>
<ng-container > <ng-container *ngIf="s.maxAccessCountReached">
<i class="fa fa-ban" appStopProp title="{{'maxAccessCountReached' | i18n}}" <i class="fa fa-ban" appStopProp title="{{'maxAccessCountReached' | i18n}}"
aria-hidden="true"></i> aria-hidden="true"></i>
<span class="sr-only">{{'maxAccessCountReached' | i18n}}</span> <span class="sr-only">{{'maxAccessCountReached' | i18n}}</span>
</ng-container> </ng-container>
<ng-container > <ng-container *ngIf="s.expired">
<i class="fa fa-clock-o" appStopProp title="{{'expired' | i18n}}" aria-hidden="true"></i> <i class="fa fa-clock-o" appStopProp title="{{'expired' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'expired' | i18n}}</span> <span class="sr-only">{{'expired' | i18n}}</span>
</ng-container> </ng-container>
<ng-container > <ng-container *ngIf="s.pendingDelete">
<i class="fa fa-trash" appStopProp title="{{'pendingDeletion' | i18n}}" <i class="fa fa-trash" appStopProp title="{{'pendingDeletion' | i18n}}"
aria-hidden="true"></i> aria-hidden="true"></i>
<span class="sr-only">{{'pendingDeletion' | i18n}}</span> <span class="sr-only">{{'pendingDeletion' | i18n}}</span>

10
src/scss/list.scss
View File

@ -120,16 +120,6 @@
@include themify($themes) { @include themify($themes) {
color: themed('mutedColor'); color: themed('mutedColor');
} }
.text-badge {
padding-left: 2px;
margin-right: 3px;
font-size: $font-size-small;
border-radius: 3px;
@include themify($themes) {
background-color: themed('mutedColorBackground');
}
}
} }
} }

3
src/scss/variables.scss
View File

@ -66,7 +66,6 @@ $themes: (
headingButtonHoverColor: $gray-light, headingButtonHoverColor: $gray-light,
labelColor: $gray-light, labelColor: $gray-light,
mutedColor: $text-muted, mutedColor: $text-muted,
mutedColorBackground: lighten($text-muted, 35%),
totpStrokeColor: $brand-primary, totpStrokeColor: $brand-primary,
boxRowButtonColor: $brand-primary, boxRowButtonColor: $brand-primary,
boxRowButtonHoverColor: darken($brand-primary, 10%), boxRowButtonHoverColor: darken($brand-primary, 10%),
@ -118,7 +117,6 @@ $themes: (
headingButtonHoverColor: #ffffff, headingButtonHoverColor: #ffffff,
labelColor: #a3a3a3, labelColor: #a3a3a3,
mutedColor: #a3a3a3, mutedColor: #a3a3a3,
mutedColorBackground: darken(#a3a3a3, 35%),
totpStrokeColor: #cacaca, totpStrokeColor: #cacaca,
boxRowButtonColor: #cacaca, boxRowButtonColor: #cacaca,
boxRowButtonHoverColor: #ffffff, boxRowButtonHoverColor: #ffffff,
@ -170,7 +168,6 @@ $themes: (
headingButtonHoverColor: $nord6, headingButtonHoverColor: $nord6,
labelColor: $nord4, labelColor: $nord4,
mutedColor: $nord4, mutedColor: $nord4,
mutedColorBackground: darken($nord4, 35%),
totpStrokeColor: $nord4, totpStrokeColor: $nord4,
boxRowButtonColor: $nord4, boxRowButtonColor: $nord4,
boxRowButtonHoverColor: $nord6, boxRowButtonHoverColor: $nord6,