@nextcloud/vue
Version:
Nextcloud vue components
85 lines (84 loc) • 2.04 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-c033ba26] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.item-list__entry[data-v-c033ba26] {
display: flex;
align-items: center;
position: relative;
padding: 8px;
}
.item-list__entry[data-v-c033ba26]:hover, .item-list__entry[data-v-c033ba26]:focus {
background-color: var(--color-background-hover);
border-radius: var(--border-radius-element);
}
.item-list__entry .item-avatar[data-v-c033ba26] {
position: relative;
margin-top: auto;
margin-bottom: auto;
}
.item-list__entry .item__details[data-v-c033ba26] {
padding-inline-start: 8px;
max-height: fit-content;
flex-grow: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--default-clickable-area);
}
.item-list__entry .item__details h3[data-v-c033ba26],
.item-list__entry .item__details .message[data-v-c033ba26] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-list__entry .item__details .message span[data-v-c033ba26] {
width: 10px;
display: inline-block;
margin-bottom: -3px;
}
.item-list__entry .item__details h3[data-v-c033ba26] {
font-size: 100%;
margin: 0;
}
.item-list__entry .item__details .message[data-v-c033ba26] {
width: 100%;
color: var(--color-text-maxcontrast);
}
.item-list__entry .item-icon[data-v-c033ba26] {
position: relative;
width: 14px;
height: 14px;
margin-top: 25px;
margin-inline: -10px -2px;
}
.item-list__entry button.primary[data-v-c033ba26] {
padding: 21px;
margin: 0;
}
/*
.content-popover {
height: 0px;
width: 0px;
margin-inline: auto;
}
.popover-container {
width: 100%;
height: 0px;
}
*/