diff options
-rw-r--r-- | apps/files_versions/src/css/versions.css | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/apps/files_versions/src/css/versions.css b/apps/files_versions/src/css/versions.css new file mode 100644 index 00000000000..80aeaf4b88a --- /dev/null +++ b/apps/files_versions/src/css/versions.css @@ -0,0 +1,98 @@ +.versionsTabView .clear-float { + clear: both; +} + +.versionsTabView li { + width: 100%; + cursor: default; + height: 56px; + float: left; + border-bottom: 0; +} + +.versionsTabView li:last-child { + border-bottom: none; +} + +.versionsTabView a, +.versionsTabView div > span { + vertical-align: middle; + opacity: .5; +} + +.versionsTabView li a{ + padding: 19px 10px 7px; +} + +.versionsTabView a:hover, +.versionsTabView a:focus { + opacity: 1; +} + +.versionsTabView .preview-container { + display: inline-block; + vertical-align: top; +} + +.versionsTabView img { + cursor: pointer; + padding-right: 4px; +} + +.versionsTabView img.preview { + position: relative; + top: 6px; + left: 10px; + border: 1px solid var(--color-border-dark); + cursor: default; + padding-right: 0; +} + +.versionsTabView .version-container { + display: inline-block; +} + +.versionsTabView .versiondate { + min-width: 100px; + vertical-align: super; +} + +.versionsTabView .version-details { + text-align: left; +} + +.versionsTabView .version-details > span { + padding: 0 10px; +} + +.versionsTabView .revertVersion { + cursor: pointer; + float: right; + margin-right: 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-left: 5px; +} + +.version-details { + margin-top: -7px; +} |