Joost/pics
1
0
Fork 0
forked from Public/pics
Code Issues Pull Requests Projects Releases Wiki Activity

PhotosIndex: rewrite to use Bootstrap grid for tiles

Browse Source
This commit is contained in:
Aaron van Geffen
2023-04-01 14:29:14 +02:00
parent b05015e76e
commit cfb5ab9d82
3 changed files with 86 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/css/admin.css
View File

@@ -1,21 +1,21 @@
/* Edit icon on tiled grids
-----------------------------*/
.tiled_grid div.landscape, .tiled_grid div.portrait, .tiled_grid div.panorama {
.polaroid {
position: relative;
}
.tiled_grid div > a.edit {
.polaroid a.edit {
background: #fff;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
display: none;
display: none !important;
left: 20px;
line-height: 1.5;
padding: 5px 10px;
position: absolute;
top: 20px;
}
.tiled_grid div:hover > a.edit {
display: block;
.polaroid:hover > a.edit {
display: block !important;
}

11
public/css/default.css
View File

@@ -179,26 +179,25 @@ i.space-invader.alt-7::before {
/* Album index
----------------*/
.album-index {
.album-index, .photo-index {
clear: both;
}
/* Tiled grid
---------------*/
.tiled_header {
.tiled-header > a {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
border-radius: 0.5rem;
color: #000;
clear: both;
float: left;
margin: 0 0 1.5% 0;
display: inline-block;
font: 400 18px/2.2 'Coda', sans-serif;
margin: 0 0 1.5% 0;
overflow: hidden;
padding: 6px 22px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.tiled_grid {