@nextcloud/vue
Version:
Nextcloud vue components
80 lines (79 loc) • 2.1 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-6099342c] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
/**
* SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
li.action[data-v-6099342c]:hover, li.action.active[data-v-6099342c] {
border-radius: 6px;
padding: 0;
}
li.action[data-v-6099342c]:hover {
background-color: var(--color-background-hover);
}
.action--disabled[data-v-6099342c] {
pointer-events: none;
opacity: 0.5;
}
.action--disabled[data-v-6099342c]:hover, .action--disabled[data-v-6099342c]:focus {
cursor: default;
opacity: 0.5;
}
.action--disabled[data-v-6099342c] * {
opacity: 1 ;
}
.action-checkbox[data-v-6099342c] {
display: flex;
align-items: flex-start;
width: 100%;
height: auto;
margin: 0;
padding: 0;
cursor: pointer;
white-space: nowrap;
color: var(--color-main-text);
border: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
font-weight: normal;
line-height: var(--default-clickable-area);
/* checkbox/radio fixes */
}
.action-checkbox__checkbox[data-v-6099342c] {
position: absolute;
inset-inline-start: 0 ;
z-index: -1;
opacity: 0;
}
.action-checkbox__label[data-v-6099342c] {
display: flex;
align-items: center;
width: 100%;
padding: 0 ;
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) ;
}
.action-checkbox__label[data-v-6099342c]::before {
margin-block: 0 ;
margin-inline: calc((var(--default-clickable-area) - 14px) / 2) ;
}
.action-checkbox--disabled[data-v-6099342c],
.action-checkbox--disabled .action-checkbox__label[data-v-6099342c] {
cursor: pointer;
}