@@ -2,6 +2,39 @@ div[data-control="media-manager"]:focus{outline:none}
2
2
div [data-control = "media-manager" ] audio ,
3
3
div [data-control = "media-manager" ] video {width : 100% }
4
4
div [data-control = "media-manager" ] video {background : # ecf0f1 ;max-height : 225px }
5
+ div [data-control = "media-manager" ] .file-icon {fill-rule : evenodd;clip-rule : evenodd;stroke-linejoin : round;stroke-miterlimit : 2 ;display : inline-block}
6
+ div [data-control = "media-manager" ] .file-icon-extension {font-family : 'ArialMT' , 'Arial' , sans-serif;font-size : 4em ;font-weight : 900 ;fill : # fff }
7
+ div [data-control = "media-manager" ] .file-icon-label {fill : # 576D7E ;fill-rule : nonzero}
8
+ div [data-control = "media-manager" ] .file-icon-css ,
9
+ div [data-control = "media-manager" ] .file-icon-less ,
10
+ div [data-control = "media-manager" ] .file-icon-scss {fill : # B73FD9 }
11
+ div [data-control = "media-manager" ] .file-icon-html ,
12
+ div [data-control = "media-manager" ] .file-icon-xml {fill : # EA9B47 }
13
+ div [data-control = "media-manager" ] .file-icon-js ,
14
+ div [data-control = "media-manager" ] .file-icon-json {fill : # A9A9A9 }
15
+ div [data-control = "media-manager" ] .file-icon-pdf {fill : # E30713 }
16
+ div [data-control = "media-manager" ] .file-icon-txt {fill : # 248BD0 }
17
+ div [data-control = "media-manager" ] .file-icon-ai {fill : # F29200 }
18
+ div [data-control = "media-manager" ] .file-icon-eps {fill : # F9B234 }
19
+ div [data-control = "media-manager" ] .file-icon-psd {fill : # 2DAAE2 }
20
+ div [data-control = "media-manager" ] .file-icon-ttf ,
21
+ div [data-control = "media-manager" ] .file-icon-otf ,
22
+ div [data-control = "media-manager" ] .file-icon-woff ,
23
+ div [data-control = "media-manager" ] .file-icon-woff2 {fill : # C4CA10 }
24
+ div [data-control = "media-manager" ] .file-icon-doc ,
25
+ div [data-control = "media-manager" ] .file-icon-docx ,
26
+ div [data-control = "media-manager" ] .file-icon-rtf ,
27
+ div [data-control = "media-manager" ] .file-icon-odt {fill : # 0F70B7 }
28
+ div [data-control = "media-manager" ] .file-icon-csv ,
29
+ div [data-control = "media-manager" ] .file-icon-ods ,
30
+ div [data-control = "media-manager" ] .file-icon-xls ,
31
+ div [data-control = "media-manager" ] .file-icon-xlsx {fill : # 3BAA34 }
32
+ div [data-control = "media-manager" ] .file-icon-odp ,
33
+ div [data-control = "media-manager" ] .file-icon-ppt ,
34
+ div [data-control = "media-manager" ] .file-icon-pptx {fill : # D04526 }
35
+ div [data-control = "media-manager" ] .file-icon-rar ,
36
+ div [data-control = "media-manager" ] .file-icon-tar ,
37
+ div [data-control = "media-manager" ] .file-icon-zip {fill : # 363A56 }
5
38
div [data-control = "media-manager" ] .media-player-fallback {font-size : 13px ;color : # 95a5a6 ;background : # ecf0f1 ;line-height : 180% }
6
39
div [data-control = "media-manager" ] .media-player-fallback .panel-embedded {padding : 20px ;margin : -20px -20px 0 -20px }
7
40
div [data-control = "media-manager" ] .empty-library {padding : 20px ;text-align : center}
@@ -27,6 +60,7 @@ div[data-control="media-manager"] .media-list.list li{height:75px;width:260px;bo
27
60
div [data-control = "media-manager" ] .media-list .list li .icon-container {border-right : 1px solid # f6f8f9 ;width : 75px ;height : 75px ;float : left}
28
61
div [data-control = "media-manager" ] .media-list .list li .icon-container img {max-height : 75px }
29
62
div [data-control = "media-manager" ] .media-list .list li .icon-container i {font-size : 35px }
63
+ div [data-control = "media-manager" ] .media-list .list li .icon-container svg {max-height : 44px }
30
64
div [data-control = "media-manager" ] .media-list .list li .icon-container .image {border-right : 1px solid # ecf0f1!important }
31
65
div [data-control = "media-manager" ] .media-list .list li .icon-container p .thumbnail-error-message {display : none}
32
66
div [data-control = "media-manager" ] .media-list .list .icon-wrapper {width : 75px }
@@ -47,6 +81,7 @@ div[data-control="media-manager"] .media-list.tiles li .image-placeholder[data-l
47
81
div [data-control = "media-manager" ] .media-list .tiles li .icon-container {width : 165px ;height : 165px ;-webkit-border-radius : 3px ;-moz-border-radius : 3px ;border-radius : 3px ;border : 1px solid # ecf0f1 ;overflow : hidden;background : # f6f8f9 ;box-sizing : content-box}
48
82
div [data-control = "media-manager" ] .media-list .tiles li .icon-container img {max-height : 165px }
49
83
div [data-control = "media-manager" ] .media-list .tiles li .icon-container i {font-size : 55px }
84
+ div [data-control = "media-manager" ] .media-list .tiles li .icon-container svg {max-height : 65px }
50
85
div [data-control = "media-manager" ] .media-list .tiles li .icon-container p {font-family : -apple-system, BlinkMacSystemFont, "Segoe UI" , Helvetica, Arial, sans-serif, "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" }
51
86
div [data-control = "media-manager" ] .media-list .tiles li .selected .icon-container {background : # 4ea5e0 !important ;border-color : # 2581b8 }
52
87
div [data-control = "media-manager" ] .media-list .tiles li .selected .icon-container i ,
@@ -56,8 +91,11 @@ div[data-control="media-manager"] .media-list.tiles i.icon-chain-broken{margin-t
56
91
div [data-control = "media-manager" ] .media-list .tiles p .size {margin-bottom : 0 }
57
92
div [data-control = "media-manager" ] [data-control = "sidebar-labels" ]{word-wrap : break-word}
58
93
div [data-control = "media-manager" ] .sidebar-group {margin-bottom : 20px }
59
- div [data-control = "media-manager" ] .sidebar-image-placeholder-container {display : table;width : 100% }
60
- div [data-control = "media-manager" ] .sidebar-image-placeholder {display : table-cell;height : 225px ;position : relative;vertical-align : middle;text-align : center;border-bottom : 1px solid # ecf0f1 ;box-sizing : content-box}
94
+ div [data-control = "media-manager" ] .sidebar-image-placeholder-container ,
95
+ div [data-control = "media-manager" ] .sidebar-document-placeholder-container {display : table;width : 100% }
96
+ div [data-control = "media-manager" ] .sidebar-image-placeholder ,
97
+ div [data-control = "media-manager" ] .sidebar-document-placeholder {display : table-cell;position : relative;vertical-align : middle;text-align : center;border-bottom : 1px solid # ecf0f1 ;box-sizing : content-box}
98
+ div [data-control = "media-manager" ] .sidebar-image-placeholder {height : 225px }
61
99
div [data-control = "media-manager" ] .sidebar-image-placeholder [data-loading ]{background : # ecf0f1 }
62
100
div [data-control = "media-manager" ] .sidebar-image-placeholder [data-loading ]: after {background-image : url ('../../../../../../modules/system/assets/ui/images/loader-transparent.svg' );background-position : 50% 50% ;content : ' ' ;-webkit-animation : spin 1s linear infinite;animation : spin 1s linear infinite;background-size : 62px 62px ;position : absolute;width : 62px ;height : 62px ;top : 50% ;left : 50% ;margin-top : -31px ;margin-left : -31px }
63
101
div [data-control = "media-manager" ] .sidebar-image-placeholder i .icon-chain-broken ,
@@ -67,6 +105,8 @@ div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up{col
67
105
div [data-control = "media-manager" ] .sidebar-image-placeholder .no-border {border-bottom : none}
68
106
div [data-control = "media-manager" ] .sidebar-image-placeholder p {font-size : 12px ;margin : 10px ;line-height : 160% ;color : # bdc3c7 ;margin-top : 25px }
69
107
div [data-control = "media-manager" ] .sidebar-image-placeholder img {max-width : 100% ;max-height : 225px }
108
+ div [data-control = "media-manager" ] .sidebar-document-placeholder {height : 155px }
109
+ div [data-control = "media-manager" ] .sidebar-document-placeholder svg {width : 100px ;height : 100px }
70
110
div [data-control = "media-manager" ] .list-container {position : relative;z-index : 100 }
71
111
div [data-control = "media-manager" ] .list-container .no-data {font-size : 13px }
72
112
div [data-control = "media-manager" ] .list-container p .no-data {padding : 0 20px 20px 20px }
0 commit comments