source: VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/table.scss @ 5570

Last change on this file since 5570 was 5570, checked in by Twan Goosen, 10 years ago

Fixed an issue with the action popup menu in the collections table
Refs #594

File size: 3.8 KB
Line 
1/*
2Copyright (C) 2014 CLARIN
3
4This program is free software: you can redistribute it and/or modify
5it under the terms of the GNU General Public License as published by
6the Free Software Foundation, either version 3 of the License, or
7(at your option) any later version.
8
9This program is distributed in the hope that it will be useful,
10but WITHOUT ANY WARRANTY; without even the implied warranty of
11MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12GNU General Public License for more details.
13
14You should have received a copy of the GNU General Public License
15along with this program.  If not, see <http://www.gnu.org/licenses/>.
16*/
17@import 'globals';
18
19table {
20    td.action {
21        width: 8em;
22        text-align: right;
23    }
24
25    td.type {
26        width: 60px;
27    }
28}
29
30table.moving {
31
32    tr:hover td {
33        border-top: 6px solid #ccc;
34    }
35
36    tr.moving:hover td {
37        border-top: 0px;
38    }
39}
40
41table.resourcesTable {
42
43    td.move {
44        width: 5em;
45    }
46
47    tr.moving {
48        background: #ccc;
49
50        td, td a {
51            color: #333;
52        }
53    }
54
55} //table.resourcesTable
56
57table.creatorsTable {
58
59    width: 805px;
60
61    td {
62        width: 252px;
63        overflow: hidden;
64    }
65} //table.resourcesTable
66
67table.collectionsTable {
68
69    width: 100%;
70    table-layout: fixed;
71    position: static !important;
72
73    th, td {
74        vertical-align: top;
75        padding-left: .5em;
76    }
77
78    td.name div.name {
79        padding-left: 16px;
80        /* icon from GLYPHICONS.com */
81        background-image: url('../icons/glyphicons_367_expand.png');
82        background-size: $iconsize;
83        background-repeat: no-repeat;
84        background-position: center left;
85        cursor: pointer;
86    }
87
88    td.name div.name:hover {
89        color: #AE0000;
90        background-color: inherit;
91    }
92
93    td.name div.name.detailsShown {
94        padding-left: 16px;
95        /* icon from GLYPHICONS.com */
96        background-image: url('../icons/glyphicons_369_collapse_top.png');
97        background-size: $iconsize;
98        background-repeat: no-repeat;
99        background-position: center left;
100    }
101
102    td.name div.name.noDetails{
103        background-image: none;
104    }
105
106    td.name div.details {
107        margin-left: 16px;
108        margin-right: -248px;
109        width: 964px;
110    }
111
112    td.name div.desc {
113        text-align: justify;
114        padding: 4px 0 0 0;
115    }
116
117    td.name div.actions {
118        margin: 4px 0 2px 0;
119    }
120
121    th.state, td.state {
122        width: 5em;
123    }
124
125    th.type, td.type {
126        width: 7em;
127    }
128
129    th.created, td.created {
130        width: 7em;
131    }
132
133    td.action, th.action {
134        width: 2em;
135    }
136
137    &.public td.action span,
138    &.private td.action div.popupTrigger span {
139        display: none;
140    }
141
142    &.public td.action a, &.private td.action div.popupTrigger {
143        display: block;
144        width: $iconsize;
145        height: $iconsize;
146        background: transparent no-repeat center center;
147        background-size: $iconsize;
148        margin-right: 2px;
149        margin-top: 3px;
150    }
151
152    &.public td.action a {
153        /* icon from GLYPHICONS.com */
154        background-image: url('../icons/glyphicons_236_zoom_in.png');
155    }
156
157    &.private td.action div.popupTrigger {
158        /* icon from GLYPHICONS.com */
159        background-image: url('../icons/glyphicons_136_cogwheel.png');
160    }
161} //table.collectionsTable
162
163/* ORDERING */
164
165tr.headers {
166
167    a.wicket_orderNone, a.wicket_orderUp, a.wicket_orderDown {       
168        padding-right: 18px;
169        background-color: transparent;
170        background-repeat: no-repeat;
171        background-position: center right;
172    }
173
174    a.wicket_orderNone {
175        background-image: url('../icons/sort_both.png');
176    }
177
178    a.wicket_orderUp {
179        background-image: url('../icons/sort_asc.png');
180    }
181
182    a.wicket_orderDown {
183        background-image: url('../icons/sort_desc.png');
184    }
185}
Note: See TracBrowser for help on using the repository browser.