Move shared classes from webapp custom.scss to server custom.scss

This commit is contained in:
Jože Fortun
2024-01-30 17:46:05 +03:00
committed by Mumbi Francis
parent 2126953371
commit 7bedc78e44
15 changed files with 227 additions and 1370 deletions
@@ -1,56 +1,3 @@
/* stylelint-disable no-descending-specificity */
html {
height: 100vh;
width: 100vw;
overflow: hidden;
}
body {
height: 100%;
}
button:disabled {
cursor: not-allowed;
pointer-events: all !important;
}
.pointer {
cursor: pointer;
}
.gap-1 {
gap: 0.5rem;
}
.gap-2 {
gap: 1rem;
}
.gap-3 {
gap: 1.5rem;
}
.grab {
cursor: grab;
}
thead th,
legend,
label {
font-family: var(--font-medium);
}
strong,
b,
.font-weight-bold {
font-family: var(--font-semibold);
}
th {
white-space: nowrap;
}
// custom height for resource lists with buttons
.custom-resource-list-height {
height: calc(100vh - 120px);
@@ -61,72 +8,6 @@ th {
height: calc(100vh - 105px);
}
// to remove the gap on top of the sticky header table
.b-table-sticky-header > .table.b-table > thead > tr > th {
border: 0;
}
.loader {
height: calc(100vh - 2 * #{var(--topbar-height)});
display: flex;
align-items: center;
justify-content: space-around;
.pending {
width: 30px;
}
.logo {
height: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: 130px;
}
}
.ProseMirror.ProseMirror-focused {
outline: none;
}
// Pagination
.page-item {
&.disabled {
cursor: not-allowed;
}
}
fieldset.required {
&.error {
legend::before {
color: var(--danger);
}
}
label::after {
content: "*";
display: inline-block;
color: var(--danger);
width: 10px;
height: 18px;
overflow: hidden;
}
}
.alert-holder {
position: absolute;
top: 0;
width: 100%;
.alert {
z-index: 1040;
box-shadow: 0 0 2px 0 rgba(var(--secondary), 0.75);
}
}
.b-toaster.b-toaster-bottom-right {
bottom: 75px;
}
.loading {
display: inline-block;
}
@@ -137,56 +18,10 @@ fieldset.required {
content: '';
}
.bg-extra-light {
background-color: var(--extra-light);
}
.gap-1 {
gap: 0.5rem;
}
.gap-2 {
gap: 1rem;
}
.gap-col-3 {
column-gap: 1.5rem;
}
@media (max-width: 576px) {
.flex-fill-child > * {
flex: 1 1 auto !important;
}
}
@keyframes ellipsis {
0% { content: ''; }
25% { content: '.'; }
50% { content: '..'; }
75% { content: '...'; }
100% { content: ''; }
}
// Supporting CSS to improve print-to-PDF option
@media print {
@page {
size: auto;
}
body {
margin: 0;
}
main {
padding-top: 64px;
}
header, footer, aside, nav {
display: none;
}
.block {
break-inside: avoid;
width: 100%;
}
0% { content: ''; }
25% { content: '.'; }
50% { content: '..'; }
75% { content: '...'; }
100% { content: ''; }
}