eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-16 05:10:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add grid of thumbnails (#539)

Browse Source 
* Added four preview images

* Added preview images to buttons

* Maked the crop preview resposive

* icon overlays

* made previews square

* finalized css for square images

* Added four preview images

* Added preview images to buttons

* Maked the crop preview resposive

* icon overlays

* made previews square

* finalized css for square images
This commit is contained in:
Jonathan Xu
2018-12-09 22:35:32 -05:00
committed by Jeffrey Warren
parent ceca433806
commit 95f8dad901
8 changed files with 4048 additions and 3963 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
examples/demo.css
View File

@@ -175,25 +175,27 @@ h1 {
}
.btn-circle{
width: 80px;
height: 80px;
min-width: 80px;
min-height: 80px;
text-align: center;
display: flex !important;
flex-direction: column;
padding: 6px 0;
font-size: 12px;
line-height: 1.42;
border-radius: 40px;
border-radius: 10px;
margin-left: 5px;
margin-right: 5px;
}
.radio button{
.radio{
cursor:pointer;
overflow: hidden;
height: 80px;
width: 80px;
margin-left: 5px;
margin-right: 5px;
}
.radio.selected button{
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
outline: none;
}
.radio-group {
margin-bottom: 20px;
}
@@ -211,3 +213,19 @@ h1 {
text-align:center;
display:none;
}
.no-border {
border: 0px;
}
.i-over {
position: absolute;
left: 15px;
top: 15px;
z-index: 2;
color: white;
}
.i-small {
left: 25px;
}