aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/animationtimeline
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/animationtimeline')
-rw-r--r--src/client/views/animationtimeline/Region.scss2
-rw-r--r--src/client/views/animationtimeline/Region.tsx2
-rw-r--r--src/client/views/animationtimeline/Timeline.scss18
-rw-r--r--src/client/views/animationtimeline/TimelineMenu.scss78
-rw-r--r--src/client/views/animationtimeline/TimelineOverview.scss6
-rw-r--r--src/client/views/animationtimeline/Track.scss5
6 files changed, 46 insertions, 65 deletions
diff --git a/src/client/views/animationtimeline/Region.scss b/src/client/views/animationtimeline/Region.scss
index f7476ab55..b390ae34e 100644
--- a/src/client/views/animationtimeline/Region.scss
+++ b/src/client/views/animationtimeline/Region.scss
@@ -1,4 +1,4 @@
-@import './../global/globalCssVariables.scss';
+@import './../global/globalCssVariables.module.scss';
$timelineColor: #9acedf;
$timelineDark: #77a1aa;
diff --git a/src/client/views/animationtimeline/Region.tsx b/src/client/views/animationtimeline/Region.tsx
index 53c5c4718..bc87dc94d 100644
--- a/src/client/views/animationtimeline/Region.tsx
+++ b/src/client/views/animationtimeline/Region.tsx
@@ -6,7 +6,7 @@ import { List } from '../../../fields/List';
import { createSchema, defaultSpec, listSpec, makeInterface } from '../../../fields/Schema';
import { Cast, NumCast } from '../../../fields/Types';
import { Transform } from '../../util/Transform';
-import '../global/globalCssVariables.scss';
+import '../global/globalCssVariables.module.scss';
import './Region.scss';
import './Timeline.scss';
import { TimelineMenu } from './TimelineMenu';
diff --git a/src/client/views/animationtimeline/Timeline.scss b/src/client/views/animationtimeline/Timeline.scss
index 48422b789..35ba0fa7f 100644
--- a/src/client/views/animationtimeline/Timeline.scss
+++ b/src/client/views/animationtimeline/Timeline.scss
@@ -1,4 +1,4 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
$timelineColor: #9acedf;
$timelineDark: #77a1aa;
@@ -30,7 +30,6 @@ $timelineDark: #77a1aa;
color: $timelineColor;
margin-left: 3px;
}
-
}
.grid-box {
@@ -61,7 +60,7 @@ $timelineDark: #77a1aa;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
- transition: .2s ease;
+ transition: 0.2s ease;
}
}
@@ -128,7 +127,6 @@ $timelineDark: #77a1aa;
// margin-top: 0.5px;
}
}
-
}
.time-input {
@@ -154,7 +152,7 @@ $timelineDark: #77a1aa;
.number-label {
color: black;
transform: rotate(-90deg) translate(-15px, 8px);
- font-size: .85em;
+ font-size: 0.85em;
}
.timeline-container {
@@ -178,7 +176,6 @@ $timelineDark: #77a1aa;
background-color: transparent;
height: 30px;
width: 100%;
-
}
.scrubber {
@@ -217,7 +214,6 @@ $timelineDark: #77a1aa;
position: absolute;
// box-shadow: -10px 0px 10px 10px red;
}
-
}
.currentTime {
@@ -266,7 +262,6 @@ $timelineDark: #77a1aa;
p {
hyphens: auto;
}
-
}
}
@@ -280,8 +275,6 @@ $timelineDark: #77a1aa;
}
}
-
-
.overview {
position: absolute;
height: 50px;
@@ -298,7 +291,6 @@ $timelineDark: #77a1aa;
}
}
-
.timeline-checker {
height: auto;
width: auto;
@@ -312,11 +304,11 @@ $timelineDark: #77a1aa;
width: auto;
overflow: hidden;
margin: 0px 10px;
- cursor: pointer
+ cursor: pointer;
}
.check {
width: 50px;
height: 50px;
}
-} \ No newline at end of file
+}
diff --git a/src/client/views/animationtimeline/TimelineMenu.scss b/src/client/views/animationtimeline/TimelineMenu.scss
index 43a89419e..de2042f17 100644
--- a/src/client/views/animationtimeline/TimelineMenu.scss
+++ b/src/client/views/animationtimeline/TimelineMenu.scss
@@ -1,56 +1,49 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
-
-.timeline-menu-container{
+.timeline-menu-container {
position: absolute;
display: flex;
box-shadow: $medium-gray 0.2vw 0.2vw 0.4vw;
flex-direction: column;
background: whitesmoke;
z-index: 10000;
- width: 200px;
+ width: 200px;
padding-bottom: 10px;
border-radius: 15px;
- border: solid #BBBBBBBB 1px;
-
-
+ border: solid #bbbbbbbb 1px;
- .timeline-menu-input{
- font: $sans-serif;
- font-size: 13px;
- width:100%;
- text-transform: uppercase;
- letter-spacing: 2px;
- margin-left: 10px;
- background-color: transparent;
- border-width: 0px;
- transition: border-width 500ms;
+ .timeline-menu-input {
+ font: $sans-serif;
+ font-size: 13px;
+ width: 100%;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ margin-left: 10px;
+ background-color: transparent;
+ border-width: 0px;
+ transition: border-width 500ms;
}
- .timeline-menu-input:hover{
- border-width: 2px;
+ .timeline-menu-input:hover {
+ border-width: 2px;
}
-
-
-
- .timeline-menu-header{
- border-top-left-radius: 15px;
- border-top-right-radius: 15px;
- text-transform: uppercase;
- background: $dark-gray;
- letter-spacing: 2px;
+ .timeline-menu-header {
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ text-transform: uppercase;
+ background: $dark-gray;
+ letter-spacing: 2px;
- .timeline-menu-header-desc{
- font:$sans-serif;
- font-size: 13px;
- text-align: center;
- color: whitesmoke;
+ .timeline-menu-header-desc {
+ font: $sans-serif;
+ font-size: 13px;
+ text-align: center;
+ color: whitesmoke;
}
}
-
.timeline-menu-item {
// width: 11vw; //10vw
height: 30px; //2vh
@@ -64,7 +57,7 @@
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- transition: all .1s;
+ transition: all 0.1s;
border-style: none;
// padding: 10px 0px 10px 0px;
white-space: nowrap;
@@ -73,22 +66,21 @@
letter-spacing: 2px;
text-transform: uppercase;
padding-right: 20px;
- padding-left: 10px;
+ padding-left: 10px;
}
.timeline-menu-item:hover {
- border-width: .11px;
+ border-width: 0.11px;
border-style: none;
border-color: $medium-gray;
border-bottom-style: solid;
border-top-style: solid;
- background: $medium-blue;
+ background: $medium-blue;
}
.timeline-menu-desc {
- padding-left: 10px;
- font:$sans-serif;
- font-size: 13px;
+ padding-left: 10px;
+ font: $sans-serif;
+ font-size: 13px;
}
-
-} \ No newline at end of file
+}
diff --git a/src/client/views/animationtimeline/TimelineOverview.scss b/src/client/views/animationtimeline/TimelineOverview.scss
index c8d96c399..2878232e6 100644
--- a/src/client/views/animationtimeline/TimelineOverview.scss
+++ b/src/client/views/animationtimeline/TimelineOverview.scss
@@ -1,4 +1,4 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
$timelineColor: #9acedf;
$timelineDark: #77a1aa;
@@ -66,8 +66,6 @@ $timelineDark: #77a1aa;
}
}
-
-
.timeline-play-bar {
position: relative;
padding: 0px;
@@ -104,4 +102,4 @@ $timelineDark: #77a1aa;
border-radius: 20px;
margin-top: -4px;
cursor: pointer;
-} \ No newline at end of file
+}
diff --git a/src/client/views/animationtimeline/Track.scss b/src/client/views/animationtimeline/Track.scss
index f45e0556d..f56b2fe5f 100644
--- a/src/client/views/animationtimeline/Track.scss
+++ b/src/client/views/animationtimeline/Track.scss
@@ -1,7 +1,6 @@
-@import "./../global/globalCssVariables.scss";
+@import './../global/globalCssVariables.module.scss';
.track-container {
-
.track {
.inner {
top: 0px;
@@ -12,4 +11,4 @@
z-index: 100;
}
}
-} \ No newline at end of file
+}
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2026-01-23 07:34:11 +0000