b38a26f92b
* Updated to Angular 14 * Fixed all new tslint issues * Fixed a routing bug for Angular 14 * Updated ngBootstrap and bootstrap. Fixed side nav item not highlighting on route change * Refactored how default dark styles are done * Migrated everything to a typed form * Bump versions by dotnet-bump-version. * Fixed a regression where click areas need an explicit z-index * Cleanup some css * Bumped docnet back to the alpha which has our downstream fixes * Updated dependencies to later versions. Mainly just NetVips with some archive fixes. * Fixed broken unit tests (due to some fixes in SharpCompress that changed byte arrays, but not visible quality)
77 lines
1.6 KiB
SCSS
77 lines
1.6 KiB
SCSS
// TODO: Clean this code up
|
|
|
|
.btn-primary {
|
|
color: var(--btn-primary-text-color);
|
|
background-color: var(--btn-primary-bg-color);
|
|
border-color: var(--btn-primary-border-color);
|
|
|
|
&:hover {
|
|
color: var(--btn-primary-hover-text-color);
|
|
background-color: var(--btn-primary-hover-bg-color);
|
|
border-color: var(--btn-primary-hover-border-color);
|
|
}
|
|
}
|
|
|
|
.btn-close {
|
|
filter: var(--btn-icon-filter) !important;
|
|
}
|
|
|
|
.btn-primary:disabled, .btn-primary.disabled {
|
|
background-color: var(--btn-disabled-bg-color);
|
|
color: var(--btn-disabled-text-color);
|
|
border-color: var(--btn-disabled-border-color);
|
|
}
|
|
|
|
button:disabled, .form-control:disabled, .form-control[readonly], .disabled, :disabled {
|
|
cursor: not-allowed;
|
|
|
|
}
|
|
|
|
.btn-link {
|
|
color: var(--body-text-color);
|
|
> i {
|
|
color: var(--body-text-color) !important;
|
|
}
|
|
|
|
&:hover, &:focus {
|
|
color: var(--primary-color);
|
|
}
|
|
}
|
|
|
|
|
|
.btn-icon {
|
|
cursor: pointer;
|
|
color: var(--body-text-color);
|
|
border: none;
|
|
|
|
&:hover, &:focus {
|
|
color: var(--body-text-color);
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.btn-outline-secondary {
|
|
color: var(--body-text-color);
|
|
}
|
|
|
|
.btn.btn-secondary.alt {
|
|
background-color: var(--btn-alt-bg-color);
|
|
border-color: var(--btn-alt-border-color);
|
|
|
|
&:hover {
|
|
background-color: var(--btn-alt-hover-bg-color);
|
|
}
|
|
|
|
&:focus {
|
|
background-color: var(--btn-alt-focus-bg-color);
|
|
box-shadow: 0 0 0 0.2rem var(--btn-alt-focus-boxshadow-color);
|
|
}
|
|
}
|
|
|
|
button i.fa {
|
|
color: var(--btn-fa-icon-color);
|
|
}
|
|
|
|
.btn-check:focus + .btn, .btn:focus {
|
|
box-shadow: 0 0 0 0.25rem var(--btn-focus-boxshadow-color);
|
|
}
|