Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/app.scss
| // Fonts | // Fonts | ||||
| // Variables | // Variables | ||||
| @import 'variables'; | @import 'variables'; | ||||
| // Bootstrap | // Bootstrap | ||||
| @import '~bootstrap/scss/bootstrap'; | @import '~bootstrap/scss/bootstrap'; | ||||
| // Toastr | @import 'menu'; | ||||
| @import '~@deveodk/vue-toastr/dist/@deveodk/vue-toastr.css'; | @import 'toast'; | ||||
| @import 'forms'; | |||||
| // Fixes Toastr incompatibility with Bootstrap | html, | ||||
| .toast-container > .toast { | body, | ||||
| opacity: 1; | body > .outer-container { | ||||
| height: 100%; | |||||
| } | } | ||||
| @import 'menu'; | #app { | ||||
| display: flex; | |||||
| flex-direction: column; | |||||
| min-height: 100%; | |||||
| nav + .container { | & > nav { | ||||
| margin-top: 120px; | flex-shrink: 0; | ||||
| z-index: 1; | |||||
| } | } | ||||
| #app { | & > div.container { | ||||
| flex-grow: 1; | |||||
| margin-top: 2rem; | |||||
| margin-bottom: 2rem; | margin-bottom: 2rem; | ||||
| } | } | ||||
| & > .filler { | |||||
| flex-grow: 1; | |||||
| } | |||||
| & > div.container + .filler { | |||||
| display: none; | |||||
| } | |||||
| } | |||||
| #error-page { | #error-page { | ||||
| position: absolute; | position: absolute; | ||||
| top: 0; | top: 0; | ||||
| height: 100%; | height: 100%; | ||||
| width: 100%; | width: 100%; | ||||
| align-items: center; | align-items: center; | ||||
| display: flex; | display: flex; | ||||
| justify-content: center; | justify-content: center; | ||||
| Show All 39 Lines | pre { | ||||
| background-color: $menu-bg-color; | background-color: $menu-bg-color; | ||||
| } | } | ||||
| .card-title { | .card-title { | ||||
| font-size: 1.2rem; | font-size: 1.2rem; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| .list-input { | |||||
| & > div { | |||||
| &:not(:last-child) { | |||||
| margin-bottom: -1px; | |||||
| input, | |||||
| a.btn { | |||||
| border-bottom-right-radius: 0; | |||||
| border-bottom-left-radius: 0; | |||||
| } | |||||
| } | |||||
| &:not(:first-child) { | |||||
| input, | |||||
| a.btn { | |||||
| border-top-right-radius: 0; | |||||
| border-top-left-radius: 0; | |||||
| } | |||||
| } | |||||
| } | |||||
| input.is-invalid { | |||||
| z-index: 2; | |||||
| } | |||||
| } | |||||
| .range-input { | |||||
| display: flex; | |||||
| label { | |||||
| margin-right: 0.5em; | |||||
| } | |||||
| } | |||||
| tfoot.table-fake-body { | tfoot.table-fake-body { | ||||
| background-color: #f8f8f8; | background-color: #f8f8f8; | ||||
| color: grey; | color: grey; | ||||
| text-align: center; | text-align: center; | ||||
| height: 8em; | height: 8em; | ||||
| td { | td { | ||||
| vertical-align: middle; | vertical-align: middle; | ||||
| ▲ Show 20 Lines • Show All 94 Lines • Show Last 20 Lines | |||||