@nextcloud/vue
Version:
Nextcloud vue components
38 lines • 1.17 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-f37737bd] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.app-navigation-search[data-v-f37737bd] {
display: flex;
gap: var(--app-navigation-padding);
padding: var(--app-navigation-padding);
}
.app-navigation-search--has-actions .app-navigation-search__input[data-v-f37737bd] {
flex-grow: 1;
z-index: 3;
}
.app-navigation-search__actions[data-v-f37737bd] {
display: flex;
gap: var(--default-grid-baseline);
margin-inline-start: 0;
max-width: calc(2 * var(--default-clickable-area) + var(--default-grid-baseline));
max-height: var(--default-clickable-area);
transition: margin-inline-start var(--animation-quick);
}
.app-navigation-search__actions--hidden[data-v-f37737bd] {
margin-inline-start: calc(-1 * var(--default-clickable-area));
}