MDL-81157 files: consistent repository button styling on small screen.

This commit is contained in:
Paul Holden 2024-08-27 11:11:16 +01:00
parent 09e56f2d1a
commit 9495c2d7a7
No known key found for this signature in database
GPG Key ID: A81A96D6045F6164
3 changed files with 15 additions and 18 deletions

View File

@ -2704,8 +2704,7 @@ $picker-emojis-per-row: 7 !default;
border: 0;
margin: $spacer * 0.125;
&.active {
@include button-outline-variant($gray-600);
border-color: $gray-600;
@include button-outline-variant($blue, $active-border: $gray-600);
}
}
}

View File

@ -25734,25 +25734,24 @@ input[disabled] {
}
.nav-tabs:not(.more-nav) .nav-link.active,
.nav-pills .nav-link.active {
color: #6a737b;
border-color: #6a737b;
border-color: #6a737b;
color: #0f6cbf;
border-color: #0f6cbf;
}
.nav-tabs:not(.more-nav) .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
color: #6a737b;
color: #0f6cbf;
background-color: transparent;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
@ -25760,14 +25759,14 @@ input[disabled] {
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-pills .nav-link.active.dropdown-toggle {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-pills .nav-link.active.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
}
@media (max-width: 576px) and (max-height: 320px) {

View File

@ -25734,25 +25734,24 @@ input[disabled] {
}
.nav-tabs:not(.more-nav) .nav-link.active,
.nav-pills .nav-link.active {
color: #6a737b;
border-color: #6a737b;
border-color: #6a737b;
color: #0f6cbf;
border-color: #0f6cbf;
}
.nav-tabs:not(.more-nav) .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
color: #6a737b;
color: #0f6cbf;
background-color: transparent;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
@ -25760,14 +25759,14 @@ input[disabled] {
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-pills .nav-link.active.dropdown-toggle {
color: #fff;
background-color: #6a737b;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-pills .nav-link.active.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
}
@media (max-width: 576px) and (max-height: 320px) {