osb/public/css/fixes.css

91 lines
1.9 KiB
CSS
Raw Normal View History

2021-06-28 01:06:44 +00:00
body {
font-size: 0.75em;
2021-06-28 01:06:44 +00:00
}
/* Data Tables */
/* Row Group columun padding 2 */
table.dataTable tbody tr.dtrg-group th {
padding-top: 0.5em;
padding-bottom: 0.5em;
2019-06-02 05:35:48 +00:00
}
2021-06-28 01:06:44 +00:00
/* Fix textcolor on navbar focus */
.form-control.form-control-navbar:focus {
color: #111;
background-color: white;
}
2019-06-02 05:35:48 +00:00
/* Remove blue border from chrome on buttons */
/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
2020-01-11 02:36:11 +00:00
outline: none !important;
box-shadow: none !important;
2019-06-02 05:35:48 +00:00
}
*:disabled {
2020-01-11 02:36:11 +00:00
cursor: not-allowed;
2019-06-02 05:35:48 +00:00
}
#favourite.selected {
2020-01-11 02:36:11 +00:00
color: orange;
2019-06-02 05:35:48 +00:00
}
#favourite:hover {
2020-01-11 02:36:11 +00:00
cursor: pointer;
2019-06-02 05:35:48 +00:00
}
2021-06-28 01:06:44 +00:00
.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;
}
2021-12-20 03:25:43 +00:00
/* 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 validation */
.is-invalid + .select2-container--default .select2-selection--single,
.is-invalid + .select2-container--default .select2-selection--multiple {
border: 1px solid #dc3545;
2021-12-20 03:25:43 +00:00
}