diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2023-01-13 17:32:57 +0100 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2023-04-06 14:49:29 +0200 |
| commit | 29a7f7f6efd2a9791fdcfb9f9f7e862bafd8da82 (patch) | |
| tree | 720d2c59461777dd8a4a4d57d06738ce55066f22 /apps/files/src/mixins | |
| parent | 8eb95052945c478a71d910090c7b1105f9256a4e (diff) | |
| download | nextcloud-server-29a7f7f6efd2a9791fdcfb9f9f7e862bafd8da82.tar.gz nextcloud-server-29a7f7f6efd2a9791fdcfb9f9f7e862bafd8da82.zip | |
feat(files_trashbin): migrate to vue
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files/src/mixins')
| -rw-r--r-- | apps/files/src/mixins/fileslist-row.scss | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/apps/files/src/mixins/fileslist-row.scss b/apps/files/src/mixins/fileslist-row.scss new file mode 100644 index 00000000000..9b0c3197b76 --- /dev/null +++ b/apps/files/src/mixins/fileslist-row.scss @@ -0,0 +1,63 @@ +/** + * @copyright Copyright (c) 2023 John Molakvoæ <skjnldsv@protonmail.com> + * + * @author John Molakvoæ <skjnldsv@protonmail.com> + * + * @license AGPL-3.0-or-later + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as + * published by the Free Software Foundation, either version 3 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see <http://www.gnu.org/licenses/>. + * + */ +td, th { + height: var(--row-height); + vertical-align: middle; + padding: 0px; + border: none; +} + +.files-list__row-checkbox { + width: var(--row-height); + &::v-deep .checkbox-radio-switch { + --icon-size: var(--checkbox-size); + + display: flex; + justify-content: center; + + label.checkbox-radio-switch__label { + margin: 0; + height: var(--clickable-area); + width: var(--clickable-area); + padding: calc((var(--clickable-area) - var(--checkbox-size)) / 2) + } + + .checkbox-radio-switch__icon { + margin: 0 !important; + } + } +} + +.files-list__row-icon { + // Remove left padding to look nicer with the checkbox + // => ico preview size + one checkbox td padding + width: calc(var(--icon-preview-size) + var(--checkbox-padding)); + padding-right: var(--checkbox-padding); + color: var(--color-primary-element); + & > span { + justify-content: flex-start; + } + &::v-deep svg { + width: var(--icon-preview-size); + height: var(--icon-preview-size); + } +} |