@nextcloud/vue
Version:
Nextcloud vue components
41 lines • 1.32 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-70fd8f35] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.app-navigation-search[data-v-70fd8f35] {
display: flex;
gap: var(--app-navigation-padding);
padding: var(--app-navigation-padding);
}
.app-navigation-search--has-actions .app-navigation-search__input[data-v-70fd8f35] {
flex-grow: 1;
z-index: 3;
}
.app-navigation-search__actions[data-v-70fd8f35] {
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-70fd8f35] {
margin-inline-start: calc(-1 * var(--default-clickable-area));
}
.app-navigation-search__input[data-v-70fd8f35] {
--input-border-radius: var(--border-radius-element, var(--border-radius-pill)) ;
}