Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/app.scss
Show First 20 Lines • Show All 105 Lines • ▼ Show 20 Lines | |||||
tfoot.table-fake-body { | tfoot.table-fake-body { | ||||
background-color: #f8f8f8; | background-color: #f8f8f8; | ||||
color: grey; | color: grey; | ||||
text-align: center; | text-align: center; | ||||
td { | td { | ||||
vertical-align: middle; | vertical-align: middle; | ||||
height: 8em; | height: 8em; | ||||
border: 0; | |||||
} | } | ||||
tbody:not(:empty) + & { | tbody:not(:empty) + & { | ||||
display: none; | display: none; | ||||
} | } | ||||
} | } | ||||
table { | table { | ||||
▲ Show 20 Lines • Show All 157 Lines • ▼ Show 20 Lines | @include media-breakpoint-down(sm) { | ||||
.card-body { | .card-body { | ||||
padding: 0.5rem 0; | padding: 0.5rem 0; | ||||
} | } | ||||
.form-group { | .form-group { | ||||
margin-bottom: 0.5rem; | margin-bottom: 0.5rem; | ||||
} | } | ||||
.nav-tabs { | |||||
flex-wrap: nowrap; | |||||
overflow-x: auto; | |||||
.nav-link { | |||||
white-space: nowrap; | |||||
padding: 0.5rem 0.75rem; | |||||
} | |||||
} | |||||
.tab-content { | .tab-content { | ||||
margin-top: 0.5rem; | margin-top: 0.5rem; | ||||
} | } | ||||
.col-form-label { | .col-form-label { | ||||
color: #666; | color: #666; | ||||
font-size: 95%; | font-size: 95%; | ||||
} | } | ||||
.form-group.plaintext .col-form-label { | .form-group.plaintext .col-form-label { | ||||
padding-bottom: 0; | padding-bottom: 0; | ||||
} | } | ||||
form.read-only.short label { | form.read-only.short label { | ||||
width: 35%; | width: 35%; | ||||
& + * { | & + * { | ||||
width: 65%; | width: 65%; | ||||
} | } | ||||
} | } | ||||
#app > div.container { | #app > div.container { | ||||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||||
margin-top: 1rem; | margin-top: 1rem; | ||||
max-width: 100%; | |||||
} | } | ||||
#header-menu-navbar { | #header-menu-navbar { | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
#dashboard-nav > a { | #dashboard-nav > a { | ||||
width: 135px; | width: 135px; | ||||
} | } | ||||
.table-sm:not(.form-list) { | .table-sm:not(.form-list) { | ||||
tbody td { | tbody td { | ||||
padding: 0.75rem 0.5rem; | padding: 0.75rem 0.5rem; | ||||
svg { | svg { | ||||
vertical-align: -0.175em; | vertical-align: -0.175em; | ||||
} | } | ||||
& > svg { | & > svg { | ||||
font-size: 125%; | font-size: 125%; | ||||
margin-right: 0.25rem; | margin-right: 0.25rem; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
.table.transactions { | |||||
thead { | |||||
display: none; | |||||
} | |||||
tbody { | |||||
tr { | |||||
position: relative; | |||||
display: flex; | |||||
flex-wrap: wrap; | |||||
} | |||||
td { | |||||
width: auto; | |||||
border: 0; | |||||
padding: 0.5rem; | |||||
&.datetime { | |||||
width: 50%; | |||||
padding-left: 0; | |||||
} | |||||
&.description { | |||||
order: 3; | |||||
width: 100%; | |||||
border-bottom: 1px solid $border-color; | |||||
color: $secondary; | |||||
padding: 0 1.5em 0.5rem 0; | |||||
margin-top: -0.25em; | |||||
} | |||||
&.selection { | |||||
position: absolute; | |||||
right: 0; | |||||
border: 0; | |||||
top: 1.7em; | |||||
padding-right: 0; | |||||
} | |||||
&.price { | |||||
width: 50%; | |||||
padding-right: 0; | |||||
} | |||||
&.email { | |||||
display: none; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | } |