Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Horizontal image previews for file_list field #467

Merged
merged 1 commit into from

2 participants

@IgorCode

Trying to cut down space around image previews by arranging images horizontally instead of vertically.
In situations where user selects a lot of images, vertical preview is not optimal because it wastes a lot of screen real estate.

@IgorCode IgorCode Horizontal image previews for file_list field
Trying to cut down space around image previews by arranging images
horizontally instead of vertically. In situations where user selects a
lot of images, vertical preview is not optimal because it wastes a lot
of screen real estate.
00b2174
@IgorCode

As discused here #462

@jtsternberg
Owner

Looks good. I'll be adding a class to ensure this styling is only applied to the file_list type (and not the normal file type).

@jtsternberg jtsternberg merged commit d061a32 into WebDevStudios:trunk
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Feb 25, 2014
  1. @IgorCode

    Horizontal image previews for file_list field

    IgorCode authored
    Trying to cut down space around image previews by arranging images
    horizontally instead of vertically. In situations where user selects a
    lot of images, vertical preview is not optimal because it wastes a lot
    of screen real estate.
This page is out of date. Refresh to see the latest.
Showing with 5 additions and 1 deletion.
  1. +4 −0 style.css
  2. +1 −1  style.min.css
View
4 style.css
@@ -144,7 +144,11 @@ table.cmb_metabox .cmb_media_status {
}
table.cmb_metabox .cmb_media_status .img_status {
+ clear: none;
+ float: left;
display: inline-block;
+ margin-right: 10px;
+ width: auto;
}
table.cmb_metabox .cmb_media_status .img_status, table.cmb_metabox .cmb_media_status .embed_status {
View
2  style.min.css
@@ -9,7 +9,7 @@ table.cmb_metabox input:focus,table.cmb_metabox textarea:focus{background:#fffff
.cmb-inline ul{padding:4px 0 0 0}.cmb-inline li{display:inline-block;padding-right:18px}table.cmb_metabox input[type="radio"]{margin:0 5px 0 0;padding:0}
table.cmb_metabox input[type="checkbox"]{margin:0 5px 0 0;padding:0}table.cmb_metabox .mceLayout{border:1px solid #dfdfdf!important}
table.cmb_metabox .mceIframeContainer{background:#FFF}table.cmb_metabox .meta_mce{width:97%}table.cmb_metabox .meta_mce textarea{width:100%}table.cmb_metabox .cmb_media_status{margin:10px 0 0 0}
-table.cmb_metabox .cmb_media_status .img_status{display:inline-block}table.cmb_metabox .cmb_media_status .img_status,table.cmb_metabox .cmb_media_status .embed_status{position:relative}
+table.cmb_metabox .cmb_media_status .img_status{clear:none;float:left;display:inline-block;margin-right:10px;width:auto}table.cmb_metabox .cmb_media_status .img_status,table.cmb_metabox .cmb_media_status .embed_status{position:relative}
table.cmb_metabox .cmb_media_status .img_status img,table.cmb_metabox .cmb_media_status .embed_status{border:1px solid #dfdfdf;background:#fafafa;max-width:350px;padding:5px;-moz-border-radius:2px;border-radius:2px}
table.cmb_metabox .cmb_media_status .embed_status{float:left;max-width:800px}table.cmb_metabox .cmb_media_status .img_status .cmb_remove_file_button,table.cmb_metabox .cmb_media_status .embed_status .cmb_remove_file_button{text-indent:-9999px;background:url(images/ico-delete.png);width:16px;height:16px;position:absolute;top:-5px;left:-5px}
table.cmb_metabox .attach_list li{clear:both;display:inline-block;margin-bottom:25px;width:100%}table.cmb_metabox .attach_list li img{float:left;margin-right:10px}
Something went wrong with that request. Please try again.