aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/trails
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/trails')
-rw-r--r--src/client/views/nodes/trails/PresBox.scss104
-rw-r--r--src/client/views/nodes/trails/PresSlideBox.scss10
2 files changed, 57 insertions, 57 deletions
diff --git a/src/client/views/nodes/trails/PresBox.scss b/src/client/views/nodes/trails/PresBox.scss
index e24b47bd1..8875f7012 100644
--- a/src/client/views/nodes/trails/PresBox.scss
+++ b/src/client/views/nodes/trails/PresBox.scss
@@ -229,7 +229,7 @@
.toolbar-transition {
display: flex;
font-size: 10;
- width: 100;
+ width: 100px;
background-color: rgba(0, 0, 0, 0);
min-width: max-content;
@@ -358,7 +358,7 @@
font-weight: 200;
padding: 8px;
border-radius: 4px;
- // height: 20;
+ // height: 20px;
// display: flex;
// margin-left: 5px;
// margin-top: 5px;
@@ -371,8 +371,8 @@
}
.ribbon-propertyUpDown {
- height: 20;
- width: 20;
+ height: 20px;
+ width: 20px;
margin-top: 5px;
display: grid;
grid-template-rows: 10px 10px;
@@ -486,7 +486,7 @@
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- margin: 0;
+ margin: 0px;
margin-right: 3px;
border-radius: 100%;
height: 15px;
@@ -658,9 +658,9 @@
height: 25px;
color: white;
width: 100%;
- max-width: 120;
- padding-left: 10;
- padding-right: 10;
+ max-width: 120px;
+ padding-left: 10px;
+ padding-right: 10px;
border-radius: 10px;
background-color: global.$medium-gray;
}
@@ -683,9 +683,9 @@
height: 25px;
color: global.$light-gray;
width: 100%;
- max-width: 120;
- padding-left: 10;
- padding-right: 10;
+ max-width: 120px;
+ padding-left: 10px;
+ padding-right: 10px;
border-radius: 10px;
background-color: global.$black;
}
@@ -745,9 +745,9 @@
.selectedList {
display: block;
- min-width: 50;
- max-width: 120;
- height: 70;
+ min-width: 50px;
+ max-width: 120px;
+ height: 70px;
overflow-y: scroll;
.selectedList-items {
@@ -760,7 +760,7 @@
cursor: pointer;
font-size: 10.5;
font-weight: 300;
- height: 20;
+ height: 20px;
background-color: global.$medium-gray;
color: white;
display: flex;
@@ -788,7 +788,7 @@
cursor: pointer;
font-size: 10.5;
font-weight: 200;
- height: 20;
+ height: 20px;
background-color: global.$white;
display: inline-flex;
color: global.$black;
@@ -813,7 +813,7 @@
}
svg.svg-inline--fa.fa-thumbtack.fa-w-12.toolbar-thumbtack {
- right: 40;
+ right: 40px;
position: absolute;
transform: rotate(45deg);
}
@@ -850,7 +850,7 @@
background-color: global.$light-gray;
border-radius: 5px;
font-size: 10;
- height: 25;
+ height: 25px;
color: global.$black;
padding-left: 5px;
align-items: center;
@@ -868,8 +868,8 @@
display: block;
padding-left: 10px;
padding-right: 5px;
- padding-top: 3;
- padding-bottom: 3;
+ padding-top: 3px;
+ padding-bottom: 3px;
opacity: 0.8;
}
@@ -959,8 +959,8 @@
border-radius: 4px;
padding-left: 7px;
padding-right: 7px;
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+ border-bottom-right-radius: 0px;
+ border-top-right-radius: 0px;
}
.presBox-button-right {
@@ -976,8 +976,8 @@
border-radius: 4px;
padding-left: 7px;
padding-right: 7px;
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
}
.presBox-button-right.active {
@@ -1043,8 +1043,8 @@
cursor: pointer;
align-self: center;
justify-self: center;
- margin-top: 5;
- margin-bottom: 5;
+ margin-top: 5px;
+ margin-bottom: 5px;
position: relative;
height: 55px;
min-width: 90px;
@@ -1063,7 +1063,7 @@
padding-left: 3px;
margin-left: 3px;
margin-right: 3px;
- height: 13;
+ height: 13px;
font-size: 12;
display: flex;
background-color: global.$white;
@@ -1076,7 +1076,7 @@
margin-left: 3px;
margin-right: 3px;
font-weight: 400;
- height: 13;
+ height: 13px;
font-size: 9;
display: flex;
background-color: global.$white;
@@ -1089,11 +1089,11 @@
padding-left: 3px;
margin-left: 3px;
margin-right: 3px;
- height: 13;
+ height: 13px;
font-size: 10;
display: flex;
background-color: global.$white;
- height: 33;
+ height: 33px;
text-align: left;
font-size: 8px;
}
@@ -1112,7 +1112,7 @@
.presBox-viewPicker {
cursor: pointer;
- height: 25;
+ height: 25px;
position: relative;
display: inline-block;
grid-column: 1;
@@ -1184,9 +1184,9 @@
}
.collectionViewBaseChrome-viewPicker {
- min-width: 50;
+ min-width: 50px;
width: 5%;
- height: 25;
+ height: 25px;
position: relative;
display: inline-block;
left: 8px;
@@ -1210,11 +1210,11 @@
}
.presBox-backward {
- left: 5;
+ left: 5px;
}
.presBox-forward {
- right: 5;
+ right: 5px;
}
// CSS adjusted for mobile devices
@@ -1233,8 +1233,8 @@
.presBox-button {
margin-top: 5%;
- height: 250;
- width: 300;
+ height: 250px;
+ width: 300px;
font-size: 100;
display: flex;
align-items: center;
@@ -1256,7 +1256,7 @@
}
.presBox-cont .presBox-listCont {
- top: 50;
+ top: 50px;
height: calc(100% - 80px);
}
@@ -1269,8 +1269,8 @@
.miniPres {
cursor: grab;
position: absolute;
- top: 0;
- left: 0;
+ top: 0px;
+ left: 0px;
opacity: 0.5;
transition: all 0.4s;
color: global.$white;
@@ -1298,7 +1298,7 @@
.presPanel-button-text {
cursor: pointer;
display: flex;
- height: 20;
+ height: 20px;
width: max-content;
font-family: Roboto;
font-weight: 400;
@@ -1327,8 +1327,8 @@
grid-template-columns: auto auto auto;
justify-content: space-around;
font-size: 11;
- margin-left: 7;
- width: 30;
+ margin-left: 7px;
+ width: 30px;
height: 85%;
background-color: rgba(91, 157, 221, 0.4);
border-radius: 5px;
@@ -1337,8 +1337,8 @@
.presPanel-button {
cursor: pointer;
display: flex;
- height: 20;
- min-width: 20;
+ height: 20px;
+ min-width: 20px;
margin-left: 3px;
margin-right: 3px;
border-radius: 100%;
@@ -1361,8 +1361,8 @@
// cursor: grab;
// position: absolute;
// overflow: hidden;
-// right: 10;
-// top: 10;
+// right: 10px;
+// top: 10px;
// opacity: 0.1;
// transition: all 0.4s;
// /* border: solid 1px; */
@@ -1380,7 +1380,7 @@
// .miniPres-button-text {
// cursor: pointer;
// display: flex;
-// height: 20;
+// height: 20px;
// font-weight: 400;
// min-width: 100%;
// border-radius: 5px;
@@ -1397,8 +1397,8 @@
// grid-template-columns: auto auto auto;
// justify-content: space-around;
// font-size: 11;
-// margin-left: 7;
-// width: 30;
+// margin-left: 7px;
+// width: 30px;
// height: 85%;
// background-color: rgba(91, 157, 221, 0.4);
// border-radius: 5px;
@@ -1413,8 +1413,8 @@
// .miniPres-button {
// cursor: pointer;
// display: flex;
-// height: 20;
-// min-width: 20;
+// height: 20px;
+// min-width: 20px;
// border-radius: 100%;
// align-items: center;
// justify-content: center;
diff --git a/src/client/views/nodes/trails/PresSlideBox.scss b/src/client/views/nodes/trails/PresSlideBox.scss
index 9ac2b5a94..740bcae5f 100644
--- a/src/client/views/nodes/trails/PresSlideBox.scss
+++ b/src/client/views/nodes/trails/PresSlideBox.scss
@@ -117,8 +117,8 @@ $slide-active: #5b9fdd;
height: 100%;
position: absolute;
border-radius: 3px;
- top: 0;
- left: 0;
+ top: 0px;
+ left: 0px;
z-index: 1;
overflow: hidden;
}
@@ -209,7 +209,7 @@ $slide-active: #5b9fdd;
position: absolute;
/* grid-row: 3; */
/* grid-column: 1/8; */
- top: 28;
+ top: 28px;
display: block;
background: #92adb9;
width: 100%;
@@ -276,7 +276,7 @@ $slide-active: #5b9fdd;
cursor: pointer;
position: absolute;
border-radius: 100px;
- bottom: 0;
+ bottom: 0px;
left: -18;
z-index: 300;
width: 15px;
@@ -302,7 +302,7 @@ $slide-active: #5b9fdd;
color: #d5dce2;
position: absolute;
left: -15px;
- top: 1;
+ top: 1px;
font-weight: 600;
font-size: 12;
}
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-11-04 22:31:02 +0000