@nextcloud/vue
Version:
Nextcloud vue components
102 lines (101 loc) • 2.82 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-32f01b7a] {
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-32f01b7a]:hover, li.action.active[data-v-32f01b7a] {
border-radius: 6px;
padding: 0;
}
li.action[data-v-32f01b7a]:hover {
background-color: var(--color-background-hover);
}
.action-link[data-v-32f01b7a] {
display: flex;
align-items: flex-start;
width: 100%;
height: auto;
margin: 0;
padding: 0;
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
box-sizing: border-box;
cursor: pointer;
white-space: nowrap;
color: var(--color-main-text);
border: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
font-weight: normal;
font-size: var(--default-font-size);
line-height: var(--default-clickable-area);
}
.action-link > span[data-v-32f01b7a] {
cursor: pointer;
white-space: nowrap;
}
.action-link__icon[data-v-32f01b7a] {
width: var(--default-clickable-area);
height: var(--default-clickable-area);
opacity: 1;
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
background-size: 16px;
background-repeat: no-repeat;
}
.action-link[data-v-32f01b7a] .material-design-icon {
width: var(--default-clickable-area);
height: var(--default-clickable-area);
opacity: 1;
}
.action-link[data-v-32f01b7a] .material-design-icon .material-design-icon__svg {
vertical-align: middle;
}
.action-link__longtext-wrapper[data-v-32f01b7a], .action-link__longtext[data-v-32f01b7a] {
max-width: 220px;
line-height: 1.6em;
padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
cursor: pointer;
text-align: start;
overflow: hidden;
text-overflow: ellipsis;
}
.action-link__longtext[data-v-32f01b7a] {
cursor: pointer;
white-space: pre-wrap ;
}
.action-link__name[data-v-32f01b7a] {
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
display: block;
}
.action-link__description[data-v-32f01b7a] {
display: block;
white-space: pre-wrap;
font-size: var(--font-size-small);
line-height: var(--default-line-height);
color: var(--color-text-maxcontrast);
cursor: pointer;
}
.action-link__menu-icon[data-v-32f01b7a] {
margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
}