@nextcloud/vue
Version:
Nextcloud vue components
79 lines • 2.24 kB
CSS
/**
* SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/**
* SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-981e215c] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
#app-settings[data-v-981e215c] {
margin-top: auto;
padding: 3px;
}
#app-settings__header[data-v-981e215c] {
box-sizing: border-box;
margin: 0 3px 3px 3px;
}
#app-settings__header .settings-button[data-v-981e215c] {
display: flex;
flex: 1 1 0;
height: var(--default-clickable-area);
width: 100%;
padding: 0;
margin: 0;
background-color: transparent;
box-shadow: none;
border: 0;
border-radius: var(--body-container-radius);
text-align: left;
font-weight: normal;
font-size: 100%;
color: var(--color-main-text);
padding-right: 14px;
line-height: var(--default-clickable-area);
}
#app-settings__header .settings-button[data-v-981e215c]:hover, #app-settings__header .settings-button[data-v-981e215c]:focus {
background-color: var(--color-background-hover);
}
#app-settings__header .settings-button__icon[data-v-981e215c] {
width: var(--default-clickable-area);
height: var(--default-clickable-area);
min-width: var(--default-clickable-area);
}
#app-settings__header .settings-button__label[data-v-981e215c] {
overflow: hidden;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
#app-settings__content[data-v-981e215c] {
display: block;
padding: 10px;
/* prevent scrolled contents from stopping too early */
margin-bottom: -3px;
/* restrict height of settings and make scrollable */
max-height: 300px;
overflow-y: auto;
box-sizing: border-box;
}
.slide-up-leave-active[data-v-981e215c],
.slide-up-enter-active[data-v-981e215c] {
transition-duration: var(--animation-slow);
transition-property: max-height, padding;
overflow-y: hidden ;
}
.slide-up-enter[data-v-981e215c],
.slide-up-leave-to[data-v-981e215c] {
max-height: 0 ;
padding: 0 10px ;
}