| author | ymh <ymh.work@gmail.com> |
| Tue, 08 Nov 2016 14:20:48 +0100 | |
| changeset 402 | e182294ca4ae |
| parent 373 | e952c8a31a2b |
| child 449 | 5b0787f51d76 |
| permissions | -rw-r--r-- |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
1 |
.toolbar-component { |
| 254 | 2 |
height: 40px; |
|
315
e3217b6adea3
Display footer toolbar only when transcript or notice is open
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
3 |
width: 50%; |
| 254 | 4 |
line-height: 40px; |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
5 |
text-transform: none; |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
6 |
padding: 0px 15px; |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
7 |
text-align: left; |
|
224
d284324358b2
Remplace hexadecimal codes with sass variables
Chloe Laisne <chloe.laisne@gmail.com>
parents:
223
diff
changeset
|
8 |
color: $light-white; |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
9 |
font-size: 13px; |
|
373
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
10 |
background-color: $corpus-black; |
|
315
e3217b6adea3
Display footer toolbar only when transcript or notice is open
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
11 |
box-sizing: border-box; |
|
e3217b6adea3
Display footer toolbar only when transcript or notice is open
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
12 |
position: absolute; |
|
e3217b6adea3
Display footer toolbar only when transcript or notice is open
Chloe Laisne <chloe.laisne@gmail.com>
parents:
254
diff
changeset
|
13 |
bottom: 0px; |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
14 |
} |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
15 |
|
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
16 |
.toolbar-component ul { |
| 254 | 17 |
list-style: none; |
18 |
margin: 0; |
|
19 |
padding: 0; |
|
20 |
text-align: center; |
|
21 |
font-size: 0px; |
|
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
22 |
} |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
23 |
|
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
24 |
.toolbar-component ul li { |
| 254 | 25 |
padding: 0 10px; |
26 |
display: inline-block; |
|
27 |
font-size: 12px; |
|
28 |
cursor: pointer; |
|
29 |
border-left: 1px solid transparent; |
|
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
30 |
} |
|
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
31 |
|
|
218
38e1a1446319
Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
217
diff
changeset
|
32 |
.toolbar-component ul li.active { |
|
373
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
33 |
border-left-color: $corpus-black; |
|
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
34 |
background-color: $corpus-white; |
|
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
35 |
color: $corpus-black; |
|
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
36 |
} |
|
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
37 |
|
|
e952c8a31a2b
Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents:
338
diff
changeset
|
38 |
.toolbar-component ul li.active:not(.video) { |
|
338
4a3899b6a7ed
Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents:
315
diff
changeset
|
39 |
pointer-events: none; |
|
217
989b9c36b849
Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
40 |
} |