@nextcloud/vue
Version:
Nextcloud vue components
72 lines (71 loc) • 1.88 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-6b5fc397] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.dashboard-widget[data-v-6b5fc397] .empty-content {
text-align: center;
padding-top: 5vh;
}
.dashboard-widget[data-v-6b5fc397] .empty-content.half-screen {
padding-top: 0;
margin-bottom: 1vh;
}
.more[data-v-6b5fc397] {
display: block;
text-align: center;
color: var(--color-text-maxcontrast);
line-height: 60px;
cursor: pointer;
}
.more[data-v-6b5fc397]:hover, .more[data-v-6b5fc397]:focus {
background-color: var(--color-background-hover);
border-radius: var(--border-radius-element);
color: var(--color-main-text);
}
/* skeleton */
.item-list__entry[data-v-6b5fc397] {
display: flex;
align-items: flex-start;
padding: 8px;
}
.item-list__entry .item-avatar[data-v-6b5fc397] {
position: relative;
margin-block: auto;
background-color: var(--color-background-dark) ;
}
.item-list__entry .item__details[data-v-6b5fc397] {
padding-inline-start: 8px;
max-height: var(--default-clickable-area);
flex-grow: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.item-list__entry .item__details h3[data-v-6b5fc397],
.item-list__entry .item__details .message[data-v-6b5fc397] {
white-space: nowrap;
background-color: var(--color-background-dark);
}
.item-list__entry .item__details h3[data-v-6b5fc397] {
font-size: 100%;
margin: 0;
}
.item-list__entry .item__details .message[data-v-6b5fc397] {
width: 80%;
height: 15px;
margin-top: 5px;
}