@nextcloud/vue
Version:
Nextcloud vue components
49 lines • 1.47 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-21e6b451] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.app-navigation-caption[data-v-21e6b451] {
display: flex;
justify-content: space-between;
}
.app-navigation-caption--heading[data-v-21e6b451] {
padding: var(--app-navigation-padding);
}
.app-navigation-caption--heading[data-v-21e6b451]:not(:first-child):not(:last-child) {
padding: 0 var(--app-navigation-padding);
}
.app-navigation-caption__name[data-v-21e6b451] {
font-weight: bold;
color: var(--color-main-text);
font-size: var(--default-font-size);
line-height: var(--default-clickable-area);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-shadow: none ;
flex-shrink: 0;
padding-block: 0;
padding-inline: calc(var(--default-grid-baseline, 4px) * 2) 0;
margin-top: 0px;
margin-bottom: var(--default-grid-baseline);
}
.app-navigation-caption__actions[data-v-21e6b451] {
flex: 0 0 var(--default-clickable-area);
}
.app-navigation-caption[data-v-21e6b451]:not(:first-child) {
margin-top: calc(var(--default-clickable-area) / 2);
}