aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/LightboxView.scss
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2022-09-12 11:36:15 -0400
committerbobzel <zzzman@gmail.com>2022-09-12 11:36:15 -0400
commitf847c6d554f9dcecbd6c3024f712510f341daf67 (patch)
treeb47ff8a43992a5f236da5fdf8ef5f4f064a41440 /src/client/views/LightboxView.scss
parent3993c034210f13e95717a3d417323e14bd8417b9 (diff)
made annotation pen available in lightbox.
Diffstat (limited to 'src/client/views/LightboxView.scss')
-rw-r--r--src/client/views/LightboxView.scss80
1 files changed, 50 insertions, 30 deletions
diff --git a/src/client/views/LightboxView.scss b/src/client/views/LightboxView.scss
index 5d42cd97f..ae5dc9902 100644
--- a/src/client/views/LightboxView.scss
+++ b/src/client/views/LightboxView.scss
@@ -1,35 +1,55 @@
-
- .lightboxView-navBtn {
- margin: auto;
- position: absolute;
- right: 10;
- top: 10;
- background: transparent;
- border-radius: 8;
- color:white;
- opacity: 0.7;
- width: 35;
- &:hover {
- opacity: 1;
- }
+.lightboxView-navBtn {
+ margin: auto;
+ position: absolute;
+ right: 10;
+ top: 10;
+ background: transparent;
+ border-radius: 8;
+ color: white;
+ opacity: 0.7;
+ width: 25;
+ flex-direction: column;
+ display: flex;
+ &:hover {
+ opacity: 1;
}
- .lightboxView-tabBtn {
- margin: auto;
- position: absolute;
- right: 35;
- top: 10;
- background: transparent;
- border-radius: 8;
- color:white;
- opacity: 0.7;
- width: 35;
- &:hover {
- opacity: 1;
- }
+}
+.lightboxView-tabBtn {
+ margin: auto;
+ position: absolute;
+ right: 38;
+ top: 10;
+ background: transparent;
+ border-radius: 8;
+ color: white;
+ opacity: 0.7;
+ width: 25;
+ flex-direction: column;
+ display: flex;
+ &:hover {
+ opacity: 1;
+ }
+}
+.lightboxView-penBtn {
+ margin: auto;
+ position: absolute;
+ right: 70;
+ top: 10;
+ background: transparent;
+ border-radius: 8;
+ color: white;
+ opacity: 0.7;
+ width: 25;
+ flex-direction: column;
+ display: flex;
+ &:hover {
+ opacity: 1;
}
+}
.lightboxView-frame {
- position: absolute;
- top: 0; left: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
width: 100%;
height: 100%;
background: #000000bb;
@@ -51,4 +71,4 @@
}
}
}
-} \ No newline at end of file
+}