aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel/scss/Layer.scss
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Layer.reel/scss/Layer.scss')
-rw-r--r--js/panels/Timeline/Layer.reel/scss/Layer.scss50
1 files changed, 46 insertions, 4 deletions
diff --git a/js/panels/Timeline/Layer.reel/scss/Layer.scss b/js/panels/Timeline/Layer.reel/scss/Layer.scss
index 12b6e599..8e5e50db 100644
--- a/js/panels/Timeline/Layer.reel/scss/Layer.scss
+++ b/js/panels/Timeline/Layer.reel/scss/Layer.scss
@@ -90,16 +90,23 @@
90 90
91.userlayers .collapsible-label { 91.userlayers .collapsible-label {
92 display: block; 92 display: block;
93 width: 100px;
94 height: 21px; 93 height: 21px;
95 line-height: 20px; 94 line-height: 20px;
96 color: $color-panel-text; 95 color: $color-panel-text;
97 margin-left: 30px; 96 margin-left: 80px;
98 margin-right: 20px; 97 margin-right: 40px;
99 white-space: nowrap; 98 white-space: nowrap;
100 overflow: hidden; 99 overflow: hidden;
101 text-overflow: ellipsis; 100 text-overflow: ellipsis;
102} 101}
102
103.userlayers .layer-tag {
104 position: absolute;
105 top: 3px;
106 left: 20px;
107}
108
109
103.layerSelected .label-layer { 110.layerSelected .label-layer {
104 background-color: $color-panel-hilite-bg; 111 background-color: $color-panel-hilite-bg;
105 color: $color-panel-hilite-text; 112 color: $color-panel-hilite-text;
@@ -123,10 +130,18 @@
123} 130}
124 131
125.content-layer .collapsible-label, 132.content-layer .collapsible-label,
126.content-layer .collapsible-content { 133.content-layer .collapsible-content,
134.content-layer .layer-tag {
127 font-size: 11px; 135 font-size: 11px;
128} 136}
129 137
138
139
140.label-layer .collapsible-label br,
141.content-style .editable br {
142 display: none;
143}
144
130.collapsible-clicker { 145.collapsible-clicker {
131 position: absolute; 146 position: absolute;
132 width: 10px; 147 width: 10px;
@@ -187,13 +202,37 @@
187.content-layer .collapsible-content { 202.content-layer .collapsible-content {
188 padding-left: 30px; 203 padding-left: 30px;
189} 204}
205.collapsible-content .collapsible-content .layout-table .layout-row {
206 height: 20px;
207 overflow: hidden;
208}
190.collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { 209.collapsible-content .collapsible-content .layout-table .layout-row .layout-cell {
191 width: 40%; 210 width: 40%;
192 height: 20px; 211 height: 20px;
193 border-bottom: 1px solid $color-menu-divider; 212 border-bottom: 1px solid $color-menu-divider;
194 line-height: 20px; 213 line-height: 20px;
195 text-align: left; 214 text-align: left;
215 overflow: hidden;
216}
217
218.collapsible-content .collapsible-content .container-row {
219 border-bottom: 1px solid $color-menu-divider;
220 height: 20px;
221}
222
223.collapsible-content .collapsible-content .cell-property,
224.collapsible-content .collapsible-content .cell-value {
225 width: 45%;
226 float: left;
227 height: 20px;
228 overflow: hidden;
229 text-overflow: ellipsis;
230 white-space: nowrap;
231 line-height: 18px;
196} 232}
233
234
235
197.collapsible-content .layout-table:first-child { 236.collapsible-content .layout-table:first-child {
198 border-top: 1px solid $color-menu-divider; 237 border-top: 1px solid $color-menu-divider;
199} 238}
@@ -219,6 +258,9 @@
219 -webkit-user-select: text; 258 -webkit-user-select: text;
220 text-overflow: clip; 259 text-overflow: clip;
221} 260}
261.editable2 br {
262 display: inline;
263}
222 264
223.label-style .disabled { 265.label-style .disabled {
224 cursor: default; 266 cursor: default;