Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/nextcloud/richdocuments.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorJulius Härtl <jus@bitgrid.net>2019-01-09 14:38:33 +0300
committerJulius Härtl <jus@bitgrid.net>2019-01-18 00:45:27 +0300
commit9bcc346efd585d78e0271674b623a6ae6b68d2cb (patch)
treef3e9957de9d23201a3e78f0583320c5fc066d642 /css
parent723d0b266057d69c062d7ca0b071de454e3b7c3e (diff)
Add current following indicator and ability to follow the current editor
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'css')
-rw-r--r--css/viewer/odfviewer.scss57
1 files changed, 33 insertions, 24 deletions
diff --git a/css/viewer/odfviewer.scss b/css/viewer/odfviewer.scss
index ac6cb4c7..36418fcb 100644
--- a/css/viewer/odfviewer.scss
+++ b/css/viewer/odfviewer.scss
@@ -46,38 +46,47 @@
#editors-menu {
min-width: 200px;
-}
+ top: 50px;
-#editors-menu ul li {
- display: flex;
- padding: 3px;
+ ul li {
+ display: flex;
+ padding: 3px;
+ border-left: 3px solid transparent;
+ &.active {
+ border-left: 3px solid var(--color-primary, $color-primary);
+ }
- div.label {
- padding: 6px;
- flex-grow: 1;
+ div.label {
+ padding: 6px;
+ flex-grow: 1;
- .icon-play-next {
- opacity: .5;
- display: inline-block;
- padding-left: 10px;
- vertical-align: top;
+ .icon-play-next {
+ opacity: .5;
+ display: inline-block;
+ padding-left: 10px;
+ vertical-align: top;
+ }
+ }
+ .icon-close {
+ padding: 8px;
}
- }
- .icon-close {
- padding: 8px;
}
}
-#richdocuments-avatars > .richdocuments-avatar {
- float: right;
- border-radius: 50%;
- margin: 8px;
- margin-left: -20px;
- box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+#richdocuments-avatars {
position: relative;
-}
-#richdocuments-avatars > .richdocuments-avatar.read-only {
- opacity: 0.8;
+
+ & > .richdocuments-avatar {
+ float: right;
+ border-radius: 50%;
+ margin: 8px;
+ margin-left: -20px;
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+ position: relative;
+ &.read-only {
+ opacity: 0.8;
+ }
+ }
}
#versionsTabView li {