disabled button styling

This commit is contained in:
Kyle Spearrin 2018-06-12 14:06:42 -04:00
parent ddab383b55
commit 4aacc06af0
2 changed files with 10 additions and 4 deletions

View File

@ -86,7 +86,7 @@
<div class="input-group">
<input class="form-control" id="loginUri{{i}}" type="text" name="Login.Uris[{{i}}].Uri" [(ngModel)]="u.uri" placeholder="{{'ex' | i18n}} https://google.com">
<div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" appBlurClick title="{{'launch' | i18n}}" (click)="launch(u)" tabindex="-1">
<button type="button" class="btn btn-outline-secondary" appBlurClick title="{{'launch' | i18n}}" (click)="launch(u)" [disabled]="!u.canLaunch" tabindex="-1">
<i class="fa fa-lg fa-share"></i>
</button>
<button type="button" class="btn btn-outline-secondary" appBlurClick title="{{'copyUri' | i18n}}" (click)="copy(u.uri, 'uri', 'URI')"

View File

@ -163,14 +163,20 @@ form label:not(.form-check-label) {
font-weight: bold;
}
.btn[class*="btn-outline-"]:not(:hover) {
background-color: #ffffff;
.btn[class*="btn-outline-"] {
&:not(:hover) {
background-color: #ffffff;
}
&:disabled {
opacity: 1;
}
}
.btn-outline-secondary {
color: $text-muted;
&:hover {
&:hover:not(:disabled) {
color: $body-color;
}
}