aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/PropertiesView.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/PropertiesView.scss')
-rw-r--r--src/client/views/PropertiesView.scss536
1 files changed, 123 insertions, 413 deletions
diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index 897be9a32..a0b054851 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -1,162 +1,122 @@
@import './global/globalCssVariables.scss';
+.propertiesView-presentationTrails-title {
+ display: flex;
+}
+.propertiesView-presentationTrails-title-icon {
+ position: absolute;
+ right: 4;
+}
.propertiesView {
height: 100%;
width: 250;
font-family: 'Roboto';
font-size: 12px;
cursor: auto;
+ border-left: $standard-border;
.slider-text {
font-size: 8px;
}
- overflow-x: hidden;
- overflow-y: auto;
-
.propertiesView-title {
- text-align: center;
- padding-top: 12px;
- padding-bottom: 12px;
- display: flex;
- font-size: 18px;
+ padding: 10px;
+ font-size: 24px;
font-weight: bold;
- justify-content: center;
-
- .propertiesView-title-icon {
- width: 20px;
- height: 20px;
- padding-left: 38px;
- margin-top: -5px;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 10px;
-
- &:hover {
- color: grey;
- cursor: pointer;
- }
- }
}
- .propertiesView-name {
- border-bottom: 1px solid black;
- padding: 8.5px;
- font-size: 12.5px;
+ overflow-x: hidden;
+ overflow-y: auto;
- &:hover {
- cursor: text;
- }
+ .propertiesView-name,
+ .propertiesView-type {
+ padding: 5px 10px;
}
- .propertiesView-settings {
+ .propertiesView-sharing {
//border-bottom: 1px solid black;
//padding: 8.5px;
- font-size: 12.5px;
- font-weight: bold;
- .propertiesView-settings-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
+ .propertiesView-buttonContainer {
+ float: right;
display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
- .propertiesView-settings-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
+ button {
+ width: 15;
+ height: 15;
+ padding: 0;
+ margin-top: -5;
}
}
- .propertiesView-settings-content {
- margin-left: 12px;
- padding-bottom: 10px;
- padding-top: 8px;
- }
- }
-
- .propertiesView-sharing {
- //border-bottom: 1px solid black;
- //padding: 8.5px;
-
- .propertiesView-sharing-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
+ .change-buttons {
display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
- &:hover {
- cursor: pointer;
+ button {
+ width: 5;
+ height: 5;
}
- .propertiesView-sharing-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
+ input {
+ width: 100%;
}
}
+ }
- .propertiesView-sharing-content {
- font-size: 10px;
- padding: 10px;
- margin-left: 5px;
-
- .propertiesView-buttonContainer {
- float: right;
- display: flex;
-
- button {
- width: 15;
- height: 15;
- padding: 0;
- margin-top: -5;
- }
-
- .propertiesView-acls-checkbox {
- margin-top: -20px;
-
- .propertiesView-acls-checkbox-text {
- font-size: 7px;
- margin-top: -10px;
- margin-left: 6px;
- }
- }
- }
-
- .change-buttons {
- display: flex;
+ .propertiesView-acls-checkbox {
+ float: right;
+ margin-left: 50px;
+ }
- button {
- width: 5;
- height: 5;
- }
+ .propertiesView-shareDropDown {
+ margin-right: 10px;
+ min-width: 65px;
- input {
- width: 100%;
- }
- }
+ & .propertiesView-shareDropDownNone {
+ padding: 0px;
+ padding-left: 3px;
+ padding-right: 3px;
+ background: grey;
+ color: rgb(71, 71, 71);
+ border-radius: 6px;
+ border: 1px solid rgb(71, 71, 71);
+ }
+ & .propertiesView-shareDropDownEdit,
+ .propertiesView-shareDropDownAdmin {
+ padding: 0px;
+ padding-left: 3px;
+ padding-right: 3px;
+ background: rgb(254, 254, 199);
+ color: rgb(75, 75, 5);
+ border-radius: 6px;
+ border: 1px solid rgb(75, 75, 5);
+ }
+ & .propertiesView-shareDropDownAugment {
+ padding: 0px;
+ padding-left: 3px;
+ padding-right: 3px;
+ background: rgb(208, 255, 208);
+ color: rgb(19, 80, 19);
+ border-radius: 6px;
+ border: 1px solid rgb(19, 80, 19);
+ }
+ & .propertiesView-shareDropDownView {
+ padding: 0px;
+ padding-left: 3px;
+ padding-right: 3px;
+ background: rgb(213, 213, 255);
+ color: rgb(25, 25, 101);
+ border-radius: 6px;
+ border: 1px solid rgb(25, 25, 101);
+ }
+ & .propertiesView-shareDropDownNot-Shared {
+ padding: 0px;
+ padding-left: 3px;
+ padding-right: 3px;
+ background: rgb(255, 207, 207);
+ color: rgb(138, 47, 47);
+ border-radius: 6px;
+ border: 1px solid rgb(138, 47, 47);
}
}
@@ -164,33 +124,7 @@
//border-bottom: 1px solid black;
//padding: 8.5px;
- .propertiesView-filters-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-filters-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-filters-content {
+ .propertiesView-content {
font-size: 10px;
padding: 10px;
margin-left: 5px;
@@ -219,85 +153,10 @@
}
}
- .propertiesView-appearance {
- //border-bottom: 1px solid black;
- //padding: 8.5px;
-
- .propertiesView-appearance-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-appearance-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-appearance-content {
- font-size: 10px;
- padding: 10px;
- margin-left: 5px;
- }
- }
-
- .propertiesView-transform {
- //border-bottom: 1px solid black;
- //padding: 8.5px;
-
- .propertiesView-transform-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-transform-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-transform-content {
- font-size: 10px;
- padding: 10px;
- margin-left: 5px;
- }
- }
-
.notify-button {
padding: 2px;
width: 12px;
height: 12px;
- background-color: black;
border-radius: 10px;
padding-left: 2px;
padding-right: 2px;
@@ -317,19 +176,7 @@
}
.expansion-button {
- margin-left: -20;
-
- .expansion-button-icon {
- width: 11px;
- height: 11px;
- color: black;
- margin-left: 27px;
-
- &:hover {
- color: rgb(131, 131, 131);
- cursor: pointer;
- }
- }
+ margin-right: 10px;
}
.propertiesView-sharingTable {
@@ -340,18 +187,13 @@
padding: 5px; // remove when adding buttons
border-radius: 6px; // remove when adding buttons
margin-right: 10px; // remove when adding buttons
- // width: 100%;
- // display: inline-table;
background-color: #ececec;
- max-height: 130px;
- overflow-y: auto;
- width: 92%;
+ width: 97%;
.propertiesView-sharingTable-item {
display: flex;
- // padding: 5px;
padding: 3px;
- align-items: center;
+ align-items: right;
border-bottom: 0.5px solid grey;
&:hover .propertiesView-sharingTable-item-name {
@@ -372,19 +214,9 @@
.propertiesView-sharingTable-item-permission {
display: flex;
align-items: flex-end;
+ text-align: right;
margin-left: auto;
-
- .permissions-select {
- border: none;
- background-color: inherit;
- width: 87px;
- text-align: justify; // for Edge
- text-align-last: end;
-
- &:hover {
- cursor: pointer;
- }
- }
+ margin-right: -12px;
}
&:last-child {
@@ -393,57 +225,9 @@
}
}
- .propertiesView-fields {
- //border-bottom: 1px solid black;
- //padding: 8.5px;
-
- .propertiesView-fields-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-fields-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-fields-checkbox {
- float: right;
- height: 20px;
- margin-top: -9px;
-
- .propertiesView-fields-checkbox-text {
- font-size: 7px;
- margin-top: -10px;
- margin-left: 6px;
- }
- }
-
- .propertiesView-fields-content {
- font-size: 10px;
- margin-left: 2px;
- padding: 10px;
-
- &:hover {
- cursor: pointer;
- }
- }
+ .propertiesView-permissions-select {
+ background: inherit;
+ border: none;
}
.propertiesView-field {
@@ -465,109 +249,11 @@
cursor: auto;
}
}
+}
- .propertiesView-contexts {
- .propertiesView-contexts-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-contexts-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-contexts-content {
- overflow: hidden;
- padding: 10px;
- }
- }
-
- .propertiesView-layout {
- .propertiesView-layout-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-layout-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-layout-content {
- overflow: hidden;
- padding: 10px;
- }
- }
-
- .propertiesView-presTrails {
- //border-bottom: 1px solid black;
- //padding: 8.5px;
-
- .propertiesView-presTrails-title {
- font-weight: bold;
- font-size: 12.5px;
- padding: 4px;
- display: flex;
- color: white;
- padding-left: 8px;
- background-color: rgb(51, 51, 51);
-
- &:hover {
- cursor: pointer;
- }
-
- .propertiesView-presTrails-title-icon {
- float: right;
- justify-items: right;
- align-items: flex-end;
- margin-left: auto;
- margin-right: 9px;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
-
- .propertiesView-presTrails-content {
- font-size: 10px;
- padding: 10px;
- margin-left: 5px;
- }
- }
+.propertiesView-presentationTrails {
+ //border-bottom: 1px solid black;
+ //padding: 8.5px;
}
.inking-button {
@@ -830,8 +516,16 @@
}
}
+.propertiesView-wordTitle {
+ color: darkslategray;
+ font-weight: 200;
+}
+
.editable-title {
border: solid 1px #323232;
+ padding-left: 5px;
+ padding-top: 4px;
+ border-radius: 4px;
height: fit-content;
&:hover {
@@ -839,6 +533,26 @@
}
}
+.propertiesView-wordType {
+ color: darkslategray;
+ font-weight: 200;
+}
+
+.currentType {
+ text-decoration: underline;
+ display: flex;
+ align-items: center;
+ // border: solid 1px #323232;
+ // padding-left: 5px;
+ // padding-top: 4px;
+ // border-radius: 4px;
+ // height: fit-content;
+}
+
+.currentType-icon {
+ margin-right: 5px;
+}
+
.properties-flyout {
grid-column: 2/4;
}
@@ -847,10 +561,6 @@
padding: 5%;
}
-.propertiesView-section {
- padding-left: 20px;
-}
-
.propertiesView-input {
padding: 4px 8px;
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-10-08 18:01:32 +0000