osb/public/css/fixes.css

100 lines
2.1 KiB
CSS
Vendored

body {
font-size: 0.75em;
}
/* Data Tables */
/* Row Group columun padding 2 */
table.dataTable tbody tr.dtrg-group th {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
/* Fix textcolor on navbar focus */
.form-control.form-control-navbar:focus {
color: #111;
background-color: white;
}
/* Remove blue border from chrome on buttons */
/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
outline: none !important;
box-shadow: none !important;
}
*:disabled {
cursor: not-allowed;
}
#favourite.selected {
color: orange;
}
#favourite:hover {
cursor: pointer;
}
.tag-selected {
color: orange;
}
.tag-selected:hover {
cursor: pointer;
}
.card-header h3.card-title {
font-size: 1.0rem;
}
/* Fix selected item is positioned correctly */
span.select2-selection.select2-selection--single > span.select2-selection__rendered {
margin-left: -9px;
}
/* Fix height when used with form-group */
.select2-selection.select2-selection--single {
height: calc(2.25rem + 2px) !important;
}
/* Fix dark background nav pills */
.card-header.bg-dark .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: #ffffff;
color: #343a40;
}
.card-header.bg-dark .nav-pills .nav-link:hover {
background-color: #6c757d;
color: #ffffff;
}
.card-header.bg-dark .nav-pills .nav-link:not(.active):hover {
background-color: #6c757d;
color: #ffffff;
}
/* Fixes to select2, to make sure col-x widths are honoured */
.select2-selection.select2-selection--single {
height: calc(2.25rem + 2px) !important;
}
.select2.select2-container.select2-container--default {
display: flex;
flex: 1 1 auto;
}
.select2.select2-container.select2-container--default .selection {
width: 100%;
}
/* Render the invalid red when a select container fails vlidation */
.is-invalid + .select2-container--default .select2-selection--single,
.is-invalid + .select2-container--default .select2-selection--multiple {
border: 1px solid #dc3545;
}
/* When we have a hr after h3, show the line directly under the h3 */
h3:has(+hr) {
margin-bottom: 0;
}
h3 + hr {
margin-top: 0;
margin-bottom: 2em;
}