mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-30 17:50:12 +02:00
Code Issues Releases Wiki Activity

Image picker re-style.

Browse Source
This commit is contained in:
Cameron
2017-12-19 16:27:57 -08:00
parent 40fa389aa9
commit ad52a3ccfc
3 changed files with 84 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
e107_themes/bootstrap3/admin_style.css
View File

@@ -261,8 +261,52 @@ td.right, th.right { text-align:right }
#cboxTitle { font-weight:bold; color: black }
.chzn-container { border: 1px solid #ddd; }
/* image picker */
.imgselector-container {
position: relative;
}
.imgselector-container .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.8);
overflow: hidden;
width: 100%;
height:0;
transition: .5s ease;
border-radius: 4px;
}
.imgselector-container:hover .overlay {
bottom: 0;
height: 100%;
}
.imgselector-container .text {
white-space: nowrap;
color: white;
font-size: 30px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.imgselector-container .text .btn-sm {
font-size: 20px;
}
/* icon-picker */
div.image-selector { width:100px; height:60px ; font-size:32px; line-height:40px }
div.image-selector.icon-selector { width: 64px; height:64px; margin-bottom:0; font-size:32px; line-height:40px }
div.imgselector-container a { color: inherit; }
#link-button_prev i { line-height:40px; }