@nextcloud/vue
Version:
Nextcloud vue components
47 lines • 1.75 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-6a2b8de0] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.nc-button-group-base > div[data-v-6a2b8de0] {
text-align: center;
color: var(--color-text-maxcontrast);
}
.nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] {
display: flex;
gap: 4px;
justify-content: space-between;
}
.nc-button-group-base ul.nc-button-group-content li[data-v-6a2b8de0-s] {
flex: 1 1;
}
.nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] .action-button {
padding: 0 ;
width: 100%;
display: flex;
justify-content: center;
}
.nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] .action-button.action-button--active {
background-color: var(--color-primary-element);
border-radius: var(--border-radius-element);
color: var(--color-primary-element-text);
}
.nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] .action-button.action-button--active:focus-within {
background-color: var(--color-primary-element-hover);
}
.nc-button-group-base ul.nc-button-group-content[data-v-6a2b8de0] .action-button .action-button__pressed-icon {
display: none;
}