@nextcloud/vue
Version:
Nextcloud vue components
80 lines • 2.51 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-5f7eed6b] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.action-items[data-v-5f7eed6b] {
display: flex;
align-items: center;
gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
}
.action-item[data-v-5f7eed6b] {
--open-background-color: var(--color-background-hover, $action-background-hover);
position: relative;
display: inline-block;
}
.action-item.action-item--primary[data-v-5f7eed6b] {
--open-background-color: var(--color-primary-element-hover);
}
.action-item.action-item--secondary[data-v-5f7eed6b] {
--open-background-color: var(--color-primary-element-light-hover);
}
.action-item.action-item--error[data-v-5f7eed6b] {
--open-background-color: var(--color-error-hover);
}
.action-item.action-item--warning[data-v-5f7eed6b] {
--open-background-color: var(--color-warning-hover);
}
.action-item.action-item--success[data-v-5f7eed6b] {
--open-background-color: var(--color-success-hover);
}
.action-item.action-item--tertiary-no-background[data-v-5f7eed6b] {
--open-background-color: transparent;
}
.action-item.action-item--open .action-item__menutoggle[data-v-5f7eed6b] {
background-color: var(--open-background-color);
}
.action-item__menutoggle__icon[data-v-5f7eed6b] {
width: 20px;
height: 20px;
object-fit: contain;
}/**
* 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 {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper {
border-radius: var(--border-radius-element);
}
.v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner {
border-radius: var(--border-radius-element);
padding: 4px;
max-height: calc(100vh - var(--header-height));
overflow: auto;
}