summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/editor/align/sidebar.css
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/editor/align/sidebar.css')
-rw-r--r--animism-align/frontend/app/views/editor/align/sidebar.css31
1 files changed, 23 insertions, 8 deletions
diff --git a/animism-align/frontend/app/views/editor/align/sidebar.css b/animism-align/frontend/app/views/editor/align/sidebar.css
index 60e9321..e3edde8 100644
--- a/animism-align/frontend/app/views/editor/align/sidebar.css
+++ b/animism-align/frontend/app/views/editor/align/sidebar.css
@@ -1,4 +1,4 @@
-/* Script */
+/* Sidebar */
.sidebar {
position: absolute;
@@ -6,15 +6,17 @@
right: 0;
width: 15rem;
z-index: 8;
+ padding-top: 2rem;
}
-.sidebar textarea {
- height: calc(100vh - 3.15rem);
-}
+
+/* sidebar header */
+
.sidebar .buttons {
position: absolute;
top: 0;
right: 0;
width: 15rem;
+ height: 2rem;
z-index: 9;
display: flex;
justify-content: flex-end;
@@ -28,14 +30,20 @@
.sidebar .buttons button:hover {
background: #333;
}
-
-/* table of contents */
-
-.toc {
+.sidebar-content {
background: #222;
width: 15rem;
padding: 0.5rem 0;
}
+
+/* wavefile upload */
+
+.sidebar-content.wave-upload {
+ padding: 0.5rem 0.75rem;
+}
+
+/* table of contents */
+
.toc div {
width: 15rem;
padding: 0.25rem 0.75rem;
@@ -44,3 +52,10 @@
.toc div:hover {
background: #213;
}
+
+
+/* script */
+
+.sidebar textarea {
+ height: calc(100vh - 5.15rem);
+}