View File | Revision Log | Show Annotations | Download File | View Changeset
/hippo/hippo-cms7/cms/branches/cms-restyling/api/src/main/styling/less/_image_gallery.less
Revision: 48595
Committed: Wed Feb 4 13:02:29 2015 UTC (7 years, 8 months ago) by mdenburger
File size: 2196 byte(s)
Log Message:
CMS7-8415: ensure the first image thumbnail in a folder has same top offset as the rest

File Contents

# Content
1 // Copyright 2014-2015 Hippo B.V. (http://www.onehippo.com)
2 //
3 // Licensed under the Apache License, Version 2.0 (the "License");
4 // you may not use this file except in compliance with the License.
5 // You may obtain a copy of the License at
6 //
7 // http://www.apache.org/licenses/LICENSE-2.0
8 //
9 // Unless required by applicable law or agreed to in writing, software
10 // distributed under the License is distributed on an "AS IS" BASIS,
11 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 // See the License for the specific language governing permissions and
13 // limitations under the License.
14
15 .image-gallery {
16
17 height: 100%;
18
19 // move the 'Name' header above the icon column
20 th.doclisting-name span {
21 margin-left: -43px;
22 }
23
24 &.image-gallery-list {
25 td.doclisting-icon {
26 .fixed-width(@image-gallery-list-box-size);
27
28 > span {
29 .fixed-height(@image-gallery-list-box-size);
30 }
31 }
32 }
33
34 &.image-gallery-thumbnails tbody {
35 tr {
36 display: inline-block;
37 &:first-child {
38 border-top: 1px solid transparent;
39 }
40 }
41
42 td {
43 display: flex;
44 justify-content: center;
45 }
46
47 td.doclisting-icon,
48 td.doclisting-name {
49 .fixed-width(100%);
50 }
51
52 td.doclisting-icon {
53 padding: @image-gallery-thumbnail-padding 0 0 0;
54 > span {
55 .fixed-width(@image-gallery-thumbnail-box-size);
56 .fixed-height(@image-gallery-thumbnail-box-size);
57 }
58 }
59
60 td.doclisting-name {
61 padding: 8px 0;
62 > span {
63 text-align: center;
64 max-width: 100%;
65 > span {
66 .truncate();
67 max-width: 100%;
68 padding: 0 @image-gallery-thumbnail-padding;
69 }
70 }
71 }
72 }
73
74 .toggle-button a {
75
76 .remove-outline();
77
78 &.gallery-mode-active {
79 box-sizing: border-box;
80 border-bottom: 2px solid @aqua;
81
82 .hi {
83 fill: @aqua;
84 }
85 }
86 }
87 }
88
89 .yui-layout-expanded .image-gallery-thumbnails tr,
90 .hippo-picker .image-gallery-thumbnails tr {
91 border-top-color: transparent;
92 width: @image-gallery-thumbnail-item-width;
93 }
94
95 .yui-layout-collapsed .image-gallery-thumbnails tbody tr {
96 display: block;
97 }