@nextcloud/vue
Version:
Nextcloud vue components
22 lines (21 loc) • 2.58 kB
CSS
@charset "UTF-8";/**
* @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
*
* @author John Molakvoæ <skjnldsv@protonmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/.material-design-icon[data-v-ca4dc36b]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}.header-menu[data-v-ca4dc36b]{position:relative;width:var(--header-height);height:var(--header-height)}.header-menu__trigger[data-v-ca4dc36b]{display:flex;align-items:center;justify-content:center;width:var(--header-height);height:var(--header-height);margin:0;padding:0;cursor:pointer;opacity:.85;background-color:transparent;border:none;filter:none;color:var(--color-primary-text)}.header-menu--opened .header-menu__trigger[data-v-ca4dc36b],.header-menu__trigger[data-v-ca4dc36b]:hover,.header-menu__trigger[data-v-ca4dc36b]:focus,.header-menu__trigger[data-v-ca4dc36b]:active{opacity:1}.header-menu__trigger[data-v-ca4dc36b]:focus-visible{outline:none}.header-menu__wrapper[data-v-ca4dc36b]{position:fixed;z-index:2000;top:50px;right:0;box-sizing:border-box;margin:0 8px;padding:8px;border-radius:0 0 var(--border-radius) var(--border-radius);border-radius:var(--border-radius-large);background-color:var(--color-main-background);filter:drop-shadow(0 1px 5px var(--color-box-shadow))}.header-menu__carret[data-v-ca4dc36b]{position:absolute;z-index:2001;bottom:0;left:calc(50% - 10px);width:0;height:0;content:" ";pointer-events:none;border:10px solid transparent;border-bottom-color:var(--color-main-background)}.header-menu__content[data-v-ca4dc36b]{overflow:auto;width:350px;max-width:calc(100vw - 16px);min-height:66px;max-height:calc(100vh - 100px)}.header-menu__content[data-v-ca4dc36b] .empty-content{margin:12vh 10px}@media only screen and (max-width: 512px){.header-menu[data-v-ca4dc36b],.header-menu__trigger[data-v-ca4dc36b]{width:44px}}