aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorGeireann Lindfield Roberts <60007097+geireann@users.noreply.github.com>2020-10-01 20:34:46 +0800
committerGeireann Lindfield Roberts <60007097+geireann@users.noreply.github.com>2020-10-01 20:34:46 +0800
commit3b14058df2cf9cb444836a6b1fea92835eb51761 (patch)
treec062c4ebdc46601982d34e2c2c9e88d5c2c4c822 /src
parent80a8e0a7e48ee84cb121b80d72d485bc10e9269b (diff)
small css changes
Diffstat (limited to 'src')
-rw-r--r--src/client/views/presentationview/PresElementBox.scss98
1 files changed, 6 insertions, 92 deletions
diff --git a/src/client/views/presentationview/PresElementBox.scss b/src/client/views/presentationview/PresElementBox.scss
index cb97c398c..0fd32602a 100644
--- a/src/client/views/presentationview/PresElementBox.scss
+++ b/src/client/views/presentationview/PresElementBox.scss
@@ -37,50 +37,15 @@ $slide-active: #5B9FDD;
overflow: hidden;
}
- .presItem-slide {
- position: relative;
- background-color: #d5dce2;
- border-radius: 5px;
- /* margin-left: 20px; */
- height: calc(100% - 5px);
- width: 100%;
- display: grid;
- grid-template-columns: max-content max-content max-content max-content auto;
-
- .presItem-name {
- z-index: 300;
- align-self: center;
- font-size: 13px;
- font-family: Roboto;
- font-weight: 500;
- position: relative;
- top: 1px;
- padding-left: 10px;
- padding-right: 10px;
- letter-spacing: normal;
- width: max-content;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: pre;
- }
- }
-
- .presItem-slide.active {
- border: solid 2px $dark-blue;
- }
-
- .presItem-slide:hover {
- background: $slide-hover;
- }
+
}
.presItem-slide {
position: relative;
background-color: #d5dce2;
border-radius: 5px;
- /* margin-left: 20px; */
height: calc(100% - 5px);
- width: 100%;
+ width: calc(100% - 5px);
display: grid;
grid-template-columns: max-content max-content max-content max-content auto;
@@ -102,30 +67,12 @@ $slide-active: #5B9FDD;
}
}
-.presElementBox-highlight {
- position: absolute;
- transform: translate(-100px, -4px);
- z-index: -1;
- width: calc(100% + 200px);
- height: calc(100% + 8px);
- background-color: $light-blue;
-}
-
-.presElementBox-highlightTop {
- position: absolute;
- transform: translate(-100px, -4px);
- z-index: -1;
- width: calc(100% + 200px);
- height: calc(50% + 4px);
+.presItem-slide.active {
+ border: solid 2px $dark-blue;
}
-.presElementBox-highlightBottom {
- position: absolute;
- transform: translate(-100px, 0px);
- z-index: -1;
- top: 50%;
- width: calc(100% + 200px);
- height: calc(50% + 4px);
+.presItem-slide:hover {
+ background: $slide-hover;
}
.documentView-node {
@@ -133,26 +80,6 @@ $slide-active: #5B9FDD;
z-index: 1;
}
-.presElementBox-item-above {
- border-top: black 2px solid;
-}
-
-.presElementBox-item-below {
- border-bottom: black 2px solid;
-}
-
-.presElementBox-item:hover {
- transition: all .1s;
- background: #98b7da;
- border-radius: 6px;
-}
-
-.presElementBox-active {
- color: black;
- border-radius: 6px;
- border: solid 2px $dark-blue;
-}
-
.presElementBox-buttons {
display: grid;
grid-template-rows: 15px;
@@ -176,19 +103,6 @@ $slide-active: #5B9FDD;
}
}
-.presElementBox-number {
- font-size: 12px;
- width: 20;
- font-weight: 700;
- text-align: right;
- justify-content: center;
- align-content: center;
- left: -20;
- position: absolute;
- display: inline-block;
- overflow: hidden;
-}
-
.presElementBox-name {
z-index: 300;
align-self: center;