aboutsummaryrefslogtreecommitdiffstats
path: root/apps/files_versions/src/css/versions.css
diff options
context:
space:
mode:
Diffstat (limited to 'apps/files_versions/src/css/versions.css')
-rw-r--r--apps/files_versions/src/css/versions.css47
1 files changed, 42 insertions, 5 deletions
diff --git a/apps/files_versions/src/css/versions.css b/apps/files_versions/src/css/versions.css
index 74ab146b051..1637394ef48 100644
--- a/apps/files_versions/src/css/versions.css
+++ b/apps/files_versions/src/css/versions.css
@@ -1,3 +1,8 @@
+/**
+ * SPDX-FileCopyrightText: 2016-2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-FileCopyrightText: 2012-2016 ownCloud, Inc.
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
.versionsTabView .clear-float {
clear: both;
}
@@ -7,8 +12,9 @@
cursor: default;
height: 56px;
float: left;
- border-bottom: 1px solid rgba(100,100,100,.1);
+ border-bottom: 0;
}
+
.versionsTabView li:last-child {
border-bottom: none;
}
@@ -20,7 +26,7 @@
}
.versionsTabView li a{
- padding: 15px 10px 11px;
+ padding: 19px 10px 7px;
}
.versionsTabView a:hover,
@@ -35,11 +41,16 @@
.versionsTabView img {
cursor: pointer;
- padding-right: 4px;
+ padding-inline-end: 4px;
}
.versionsTabView img.preview {
+ position: relative;
+ top: 6px;
+ inset-inline-start: 10px;
+ border: 1px solid var(--color-border-dark);
cursor: default;
+ padding-inline-end: 0;
}
.versionsTabView .version-container {
@@ -52,7 +63,7 @@
}
.versionsTabView .version-details {
- text-align: left;
+ text-align: start;
}
.versionsTabView .version-details > span {
@@ -62,5 +73,31 @@
.versionsTabView .revertVersion {
cursor: pointer;
float: right;
- margin-right: -10px;
+ margin-inline-end: 0;
+}
+
+.versionsTabView li.active .downloadVersion {
+ opacity: 1;
+}
+
+.versionsTabView li.active .version-details .size {
+ color: var(--color-main-text);
+ opacity: 1;
+}
+
+.versionsTabView li.active {
+ background-color: var(--color-primary-light);
+ border-radius: 16px;
+}
+
+.versionsTabView li.active a.revertVersion {
+ opacity: 1;
+}
+
+.version-container {
+ padding-inline-start: 5px;
+}
+
+.version-details {
+ margin-top: -7px;
}