@nextcloud/vue
Version:
Nextcloud vue components
48 lines • 1.26 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-ad356e41] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.user-bubble__wrapper[data-v-ad356e41] {
display: inline-block;
vertical-align: middle;
min-width: 0;
max-width: 100%;
}
.user-bubble__content[data-v-ad356e41] {
display: inline-flex;
max-width: 100%;
background-color: var(--color-background-dark);
}
.user-bubble__content--primary[data-v-ad356e41] {
color: var(--color-primary-element-text);
background-color: var(--color-primary-element);
}
.user-bubble__content[data-v-ad356e41] > :last-child {
padding-inline-end: 8px;
}
.user-bubble__avatar[data-v-ad356e41] {
align-self: center;
}
.user-bubble__name[data-v-ad356e41] {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.user-bubble__name[data-v-ad356e41], .user-bubble__secondary[data-v-ad356e41] {
padding-block: 0;
padding-inline: 4px 0;
}