[BUGFIX][EM] Get extension show spinner icon in upper right table
[Packages/TYPO3.CMS.git] / typo3 / sysext / extensionmanager / Resources / Private / Scss / page / _manage.scss
1
2 .typo3-extensionmanager-headerRowLeft {
3 display: inline-block;
4 }
5
6 // Upload extension
7 .typo3-extensionmanager-headerRowRight {
8 float: right;
9 }
10
11
12 // Search
13 .contentWrapper {
14 @include linear-gradient(#ececec, rgb(255,255,255) 0, rgb(236,236,236) 36%);
15 padding: 15px;
16 border: 1px solid #adadad;
17
18 .ui-toolbar {
19 margin-bottom: 5px;
20
21 .dataTables_filter {
22 float: left;
23 }
24 }
25 }
26
27
28
29 // Table
30 .typo3-extension-list {
31
32 border-spacing: 0;
33
34 // Header
35 thead {
36 @include linear-gradient(#5b5b5b, #7f7f7f 10%, #5b5b5b 100%);
37
38 tr {
39 background: none !important;
40
41 &:hover {
42 background: none;
43 }
44 }
45 }
46
47 th {
48 background: none;
49 border: 0;
50 padding: 8px 10px;
51
52 min-width: 53px;
53
54 vertical-align: middle;
55
56 font-weight: bold;
57 color: #fff;
58
59 cursor: pointer;
60
61
62 &:hover {
63 background: rgba(200,200,200,.3);
64 }
65
66 .DataTables_sort_icon {
67 display: inline-block;
68 vertical-align: middle;
69 margin-left: 5px;
70
71 &.ui-icon-carat-2-n-s {
72 background: none;
73 }
74 }
75 }
76
77 // All lines
78 tr {
79
80 // Reset some values that get applied by jQuery UI styling
81 &.odd,
82 &.even {
83 td {
84 background: none;
85 }
86
87 &:hover {
88 td {
89 background: none;
90
91 &.stable {
92 @include stable;
93 }
94
95 &.beta {
96 @include beta;
97 }
98 }
99 }
100 }
101
102 // Add some stuff to match corporate design
103 td {
104 background: none;
105 padding: 8px 10px;
106 vertical-align: middle;
107 border-bottom: 1px solid #fff;
108
109 &.stable {
110 @include stable;
111 }
112
113 &.beta {
114 @include beta;
115 }
116
117 img {
118 vertical-align: middle;
119 margin-right: 5px;
120 }
121 }
122
123 // Zebra-look
124 &:nth-child(2n) {
125 background: #fff;
126 }
127
128 &:nth-child(2n + 1) {
129 background: #f7f7f7;
130 }
131
132 // Hovering lines
133 &:hover {
134 background: #ececec;
135 }
136
137 }
138 }
139
140
141
142 // Paginator
143 .dataTables_info {
144 display: none;
145 }
146
147 .dataTables_paginate {
148 float: left;
149 margin: 10px 0 0;
150 }
151
152
153
154