188 lines
2.9 KiB
SCSS
188 lines
2.9 KiB
SCSS
.theme-basket,
|
|
.theme-activities {
|
|
&--item-name,
|
|
&--item-unit,
|
|
&--item-location,
|
|
&--item-date {
|
|
font-size: 90%;
|
|
margin-left: 10px;
|
|
|
|
@media(max-width: $very-small-limit) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
&::before {
|
|
display: inline-block;
|
|
width: 1rem;
|
|
margin-right: 0.2rem;
|
|
font-family: FontAwesome;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
&--item-name::before { content: "\f007"; }
|
|
&--item-location::before { content: "\f041"; }
|
|
&--item-date::before { content: "\f133"; }
|
|
}
|
|
|
|
.theme-basket {
|
|
&--item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 10px;
|
|
border-bottom: $cell-entry-border;
|
|
|
|
@media(max-width: $very-small-limit) {
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
&--item-details {
|
|
width: 100%;
|
|
flex-grow: 1;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
&--item-activity {
|
|
font-weight: bold;
|
|
}
|
|
|
|
&--item-summary {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
&--item-price {
|
|
flex-grow: 1;
|
|
font-weight: bold;
|
|
width: 3rem;
|
|
}
|
|
|
|
&--delete-button {
|
|
&::before {
|
|
font-family: FontAwesome;
|
|
content: "\f1f8"; // trash
|
|
}
|
|
|
|
margin-right: 0 !important;
|
|
padding-right: 30px !important;
|
|
}
|
|
|
|
&--footer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
&--empty-button,
|
|
&--validate-button {
|
|
margin: 5px 5px !important;
|
|
}
|
|
|
|
&--empty-button {
|
|
@extend .cancel-button;
|
|
}
|
|
}
|
|
|
|
.theme-activities {
|
|
&--search {
|
|
display: grid;
|
|
grid-auto-rows: auto;
|
|
align-items: center;
|
|
grid-template-columns: auto auto;
|
|
margin-bottom: 2rem;
|
|
|
|
@media($max-mobile-viewport) {
|
|
grid-template-columns: auto;
|
|
}
|
|
}
|
|
|
|
&--criteria-label {
|
|
margin: 1rem 1rem 0.5rem 0;
|
|
|
|
@media($max-mobile-viewport) {
|
|
margin-bottom: 0.2rem;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
&--items {
|
|
display: grid;
|
|
grid-auto-rows: auto;
|
|
}
|
|
|
|
&--item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: right;
|
|
|
|
margin-bottom: 1rem;
|
|
padding-top: 1rem;
|
|
border-top: 1px solid $cell-entry-border-color;
|
|
|
|
@media($max-mobile-viewport) {
|
|
align-items: end;
|
|
}
|
|
|
|
&:not(.filtered) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
&--item-label {
|
|
position: relative;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: calc(#{$title-font-size} + 0.5rem);
|
|
margin-bottom: 0.5rem;
|
|
|
|
&::after {
|
|
position: absolute;
|
|
top: -1rem;
|
|
right: 0;
|
|
font-size: $title-font-size;
|
|
margin: 0 0.5rem;
|
|
font-family: FontAwesome;
|
|
color: $title-color;
|
|
content: $cell-close-foldable-icon;
|
|
}
|
|
}
|
|
|
|
&--item.collapsed &--item-label::after {
|
|
content: $cell-open-foldable-icon;
|
|
}
|
|
|
|
&--item-type {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&--item-summary {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
@media($min-desktop-viewport) {
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
|
|
&--item.collapsed &--item-details {
|
|
display: none;
|
|
}
|
|
|
|
&--pagination {
|
|
@extend .cell-items-pagination;
|
|
}
|
|
|
|
&--criteria-option[aria-disabled=true] {
|
|
display: none;
|
|
}
|
|
}
|