aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/AudioBox.scss
diff options
context:
space:
mode:
authorFawn <fangrui_tong@brown.edu>2019-11-14 23:39:52 -0500
committerFawn <fangrui_tong@brown.edu>2019-11-14 23:39:52 -0500
commitf108bc9f9f1ff9cad2db4b794e3b433768c342a1 (patch)
treea2603e85291d118bbea3370ce823ab833e63281a /src/client/views/nodes/AudioBox.scss
parente3f06e390f98cc5b97d63fc287daff994d5fef6f (diff)
parentc9fbdb9cfd5fcf35f7a599706cb41d4e7e586e19 (diff)
merged with master
Diffstat (limited to 'src/client/views/nodes/AudioBox.scss')
-rw-r--r--src/client/views/nodes/AudioBox.scss28
1 files changed, 18 insertions, 10 deletions
diff --git a/src/client/views/nodes/AudioBox.scss b/src/client/views/nodes/AudioBox.scss
index ccbf0d75f..3b19a6dba 100644
--- a/src/client/views/nodes/AudioBox.scss
+++ b/src/client/views/nodes/AudioBox.scss
@@ -44,22 +44,27 @@
width:100%;
height: 80%;
position: relative;
+ padding-right: 5px;
display: flex;
.audiobox-playhead {
position: relative;
margin-top: auto;
margin-bottom: auto;
width: 25px;
+ padding: 2px;
}
.audiobox-timeline {
position:relative;
height:100%;
width:100%;
+ background: white;
+ border: gray solid 1px;
+ border-radius: 3px;
.audiobox-current {
width: 1px;
height:100%;
background-color: red;
- position: absolute;;
+ position: absolute;
}
.audiobox-linker, .audiobox-linker-mini {
position:absolute;
@@ -72,10 +77,11 @@
background-color: transparent;
box-shadow: black 2px 2px 1px;
.docuLinkBox-cont {
- width:15px !important;
- height:15px !important;
- left: calc(100% - 15px) !important;
- top: calc(100% - 15px) !important;
+ position: relative !important;
+ height: 100% !important;
+ width: 100% !important;
+ left:unset !important;
+ top:unset !important;
}
}
.audiobox-linker-mini {
@@ -86,10 +92,11 @@
margin-left: -1;
margin-top: -2;
.docuLinkBox-cont {
- width:8px !important;
- height:8px !important;
- left: calc(100% - 8px) !important;
- top: calc(100% - 8px) !important;
+ position: relative !important;
+ height: 100% !important;
+ width: 100% !important;
+ left:unset !important;
+ top:unset !important;
}
}
.audiobox-linker:hover, .audiobox-linker-mini:hover {
@@ -98,7 +105,8 @@
.audiobox-marker-container, .audiobox-marker-minicontainer {
position:absolute;
width:10px;
- height:100%;
+ height:90%;
+ top:2.5%;
background:gray;
border-radius: 5px;
box-shadow: black 2px 2px 1px;