diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/scss/Layer.scss')
-rw-r--r-- | js/panels/Timeline/Layer.reel/scss/Layer.scss | 50 |
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; |