@nextcloud/vue
Version:
Nextcloud vue components
54 lines (53 loc) • 1.77 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-92fb182d] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
/*!
* SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
.header-menu[data-v-92fb182d] {
position: relative;
width: var(--header-height);
height: var(--header-height);
}
.header-menu .header-menu__trigger[data-v-92fb182d] {
--button-size: var(--header-height) ;
height: var(--header-height);
opacity: 0.85;
filter: none ;
color: var(--color-background-plain-text, var(--color-primary-text)) ;
}
.header-menu .header-menu__trigger[data-v-92fb182d]:focus-visible {
outline: none ;
box-shadow: none ;
}
.header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon svg,
.header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon:not(:has(svg)) {
mask: var(--header-menu-icon-mask, none);
}
.header-menu--opened .header-menu__trigger[data-v-92fb182d], .header-menu__trigger[data-v-92fb182d]:hover, .header-menu__trigger[data-v-92fb182d]:focus, .header-menu__trigger[data-v-92fb182d]:active {
opacity: 1;
}
@media only screen and (max-width: 512px) {
.header-menu[data-v-92fb182d] {
width: var(--default-clickable-area);
}
.header-menu .header-menu__trigger[data-v-92fb182d] {
--button-size: var(--default-clickable-area) ;
}
}