mirror of
https://github.com/moodle/moodle.git
synced 2025-03-24 09:30:17 +01:00
MDL-81157 files: consistent repository button styling on small screen.
This commit is contained in:
parent
09e56f2d1a
commit
9495c2d7a7
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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) {
|
||||
|
@ -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) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user