Skip to content

Highlight selected file version (Nextcloud Office) #33434

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
szaimen merged 1 commit into from
Apr 18, 2023
Merged

Highlight selected file version (Nextcloud Office) #33434

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Highlight selected file version (Nextcloud Office) 
After my PR #32492 fail, I create a new PR.

Signed-off-by: Jérôme Herbinet <[email protected]>

Signed-off-by: Jérôme Herbinet <[email protected]>
  • Loading branch information
@Jerome-Herbinet
Jerome-Herbinet committed Apr 18, 2023
commit 4ec183fa331f773c13e8f67d67945df27a44c9c3
98 changes: 98 additions & 0 deletions apps/files_versions/src/css/versions.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}