mirror of https://github.com/nextcloud/calendar
139 lines
2.5 KiB
SCSS
139 lines
2.5 KiB
SCSS
/**
|
|
* Calendar App
|
|
*
|
|
* @copyright 2019 Georg Ehrke <oc.list@georgehrke.com>
|
|
*
|
|
* @author Georg Ehrke
|
|
*
|
|
* This library is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
|
|
* License as published by the Free Software Foundation; either
|
|
* version 3 of the License, or any later version.
|
|
*
|
|
* This library is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU AFFERO GENERAL PUBLIC LICENSE for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public
|
|
* License along with this library. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
#app-settings {
|
|
.settings-fieldset-interior-item {
|
|
padding: 5px 0;
|
|
|
|
.action-checkbox {
|
|
line-height: unset !important;
|
|
white-space: unset !important;
|
|
|
|
&__label::before {
|
|
margin: 0 6px 3px 3px !important;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
|
|
.action-button {
|
|
min-height: unset !important;
|
|
|
|
&__icon {
|
|
margin: 0 6px 3px 3px !important;
|
|
height: 14px !important;
|
|
width: 14px !important;
|
|
background-position: unset !important;
|
|
}
|
|
|
|
&__longtext {
|
|
width: unset !important;
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
|
|
&__import-button {
|
|
display: block;
|
|
text-align: center;
|
|
background-position-x: 8px;
|
|
position: relative;
|
|
|
|
.material-design-icon {
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
&--slotDuration,
|
|
&--defaultReminder {
|
|
display: table;
|
|
|
|
label {
|
|
display: block;
|
|
}
|
|
|
|
.multiselect {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
&--timezone,
|
|
&--default-calendar {
|
|
width: 100%;
|
|
|
|
.multiselect {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.shortcut-overview-modal {
|
|
.modal-container {
|
|
display: flex !important;
|
|
flex-wrap: wrap;
|
|
padding: 0 12px 12px 12px !important;
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.shortcut-section {
|
|
width: 50%;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
padding: 10px;
|
|
|
|
.shortcut-section-item {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 33% 67%;
|
|
column-gap: 10px;
|
|
|
|
&:not(:first-child) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
&__keys {
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
&__label {
|
|
display: block;
|
|
text-align: left;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
&__spacer {
|
|
margin: 0 3px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Fix the shortcut overview on smaller screens
|
|
@media screen and (max-width: 800px) {
|
|
.shortcut-overview-modal .modal-container .shortcut-section {
|
|
width: 100%;
|
|
}
|
|
}
|