Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/app.scss
// Fonts | |||||
// Variables | |||||
@import 'variables'; | @import 'variables'; | ||||
@import 'bootstrap'; | |||||
// Bootstrap | |||||
@import '~bootstrap/scss/bootstrap'; | |||||
@import 'menu'; | @import 'menu'; | ||||
@import 'toast'; | @import 'toast'; | ||||
@import 'forms'; | @import 'forms'; | ||||
html, | html, | ||||
body, | body, | ||||
body > .outer-container { | body > .outer-container { | ||||
height: 100%; | height: 100%; | ||||
▲ Show 20 Lines • Show All 127 Lines • ▼ Show 20 Lines | &.form-list { | ||||
&:first-child { | &:first-child { | ||||
padding-left: 0; | padding-left: 0; | ||||
} | } | ||||
&:last-child { | &:last-child { | ||||
padding-right: 0; | padding-right: 0; | ||||
} | } | ||||
} | } | ||||
button { | |||||
line-height: 1; | |||||
} | |||||
} | } | ||||
.btn-action { | .btn-action { | ||||
line-height: 1; | line-height: 1; | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
} | } | ||||
▲ Show 20 Lines • Show All 101 Lines • ▼ Show 20 Lines | .form-separator { | ||||
span { | span { | ||||
background: #fff; | background: #fff; | ||||
padding: 0 1em; | padding: 0 1em; | ||||
z-index: 1; | z-index: 1; | ||||
} | } | ||||
} | } | ||||
// Bootstrap style fix | // Various improvements for mobile | ||||
.btn-link { | @include media-breakpoint-down(sm) { | ||||
.card { | |||||
border: 0; | border: 0; | ||||
} | } | ||||
.table thead th { | .card-body { | ||||
border: 0; | padding: 0.5rem 0; | ||||
} | |||||
.form-group { | |||||
margin-bottom: 0.5rem; | |||||
} | |||||
.tab-content { | |||||
margin-top: 0.5rem; | |||||
} | |||||
.col-form-label { | |||||
color: #666; | |||||
font-size: 95%; | |||||
} | |||||
.form-group.plaintext .col-form-label { | |||||
padding-bottom: 0; | |||||
} | |||||
form.read-only.short label { | |||||
width: 35%; | |||||
& + * { | |||||
width: 65%; | |||||
} | |||||
} | |||||
#app > div.container { | |||||
margin-bottom: 1rem; | |||||
margin-top: 1rem; | |||||
} | } | ||||
small { | #header-menu-navbar { | ||||
font-size: 0.875em; | padding: 0; | ||||
} | |||||
#dashboard-nav > a { | |||||
width: 135px; | |||||
} | |||||
.table-sm:not(.form-list) { | |||||
tbody td { | |||||
padding: 0.75rem 0.5rem; | |||||
svg { | |||||
vertical-align: -0.175em; | |||||
} | |||||
& > svg { | |||||
font-size: 125%; | |||||
margin-right: 0.25rem; | |||||
} | |||||
} | |||||
} | |||||
} | } |