adding admin styles for the image upload section

separating each of the image upload sections with bottom border

diff --git a/css/admin.css b/css/admin.css
index c033154..8f82374 100644 (file)
--- a/css/admin.css
+++ b/css/admin.css
@@ -1,3 +1,3 @@
-#glm-admin-content-container .admin-item-label,#glm-admin-content-container .admin-item-input,#glm-admin-content-container .admin-item-list{padding:0}.itemTitle-record{float:left}.admin-new-item{margin-bottom:15px}.admin-new-item .admin-new-item-link{padding:5px;background:#3D84D0;color:white;text-decoration:none;border-radius:4px}.no-padding{padding:0}.no-margin{margin:0}#glm-admin-content-container .admin-item-list-header{margin-bottom:20px;padding-bottom:2px;border-bottom:1px solid lightgray}.admin-item-list-row{padding-bottom:5px}.item-company-list-header,.item-date-list-header,.item-title-list-header{font-weight:bold;font-size:16px}.admin-item-list-row:nth-child(odd){background:#e3e3e5}
+#glm-admin-content-container .admin-item-label,#glm-admin-content-container .admin-item-input,#glm-admin-content-container .admin-item-list{padding:0}.itemTitle-record{float:left}.admin-new-item{margin-bottom:15px}.admin-new-item .admin-new-item-link{padding:5px;background:#3D84D0;color:white;text-decoration:none;border-radius:4px}.no-padding{padding:0}.no-margin{margin:0}#glm-admin-content-container .admin-item-list-header{margin-bottom:20px;padding-bottom:2px;border-bottom:1px solid lightgray}.admin-item-list-row{padding-bottom:5px}.item-company-list-header,.item-date-list-header,.item-title-list-header{font-weight:bold;font-size:16px}.admin-item-list-row:nth-child(odd){background:#e3e3e5}.item-image{display:block}.item-image-row{border-bottom:1px solid lightgray;padding-bottom:10px}
 
 /*# sourceMappingURL=admin.css.map */

diff --git a/css/admin.css.map b/css/admin.css.map
index 6bd1f39..8b32b22 100644 (file)
--- a/css/admin.css.map
+++ b/css/admin.css.map
@@ -1 +1 @@
-{"version":3,"file":"admin.css","sources":["admin.scss"],"sourcesContent":["#glm-admin-content-container .admin-item-label,\n#glm-admin-content-container .admin-item-input,\n#glm-admin-content-container .admin-item-list{\n    padding: 0;\n}\n.itemTitle-record{\n    float: left;\n}\n.admin-item-input textarea{\n   \n}\n.admin-new-item{\n    margin-bottom: 15px;\n}\n.admin-new-item .admin-new-item-link{\n    padding: 5px;\n    background: #3D84D0;\n    color: white;\n    text-decoration: none;\n    border-radius: 4px;\n}\n.no-padding{\n    padding: 0;\n}\n.no-margin{\n    margin: 0;\n}\n#glm-admin-content-container .admin-item-list-header{\n    margin-bottom: 20px;\n    padding-bottom: 2px;\n    border-bottom: 1px solid lightgray;\n}\n.admin-item-list-row{\n    padding-bottom: 5px;\n/*    border-bottom: 1px solid lightgray;*/\n}\n.item-company-list-header,.item-date-list-header, .item-title-list-header{\n    font-weight: bold;\n    font-size: 16px;\n}\n.admin-item-list-row:nth-child(odd){\n    background: #e3e3e5;\n}\n"],"names":[],"mappings":"AAAA,AAA6B,4BAAD,CAAC,iBAAiB,CAC9C,AAA6B,4BAAD,CAAC,iBAAiB,CAC9C,AAA6B,4BAAD,CAAC,gBAAgB,AAAA,CACzC,OAAO,CAAE,CAAC,CACb,AACD,AAAA,iBAAiB,AAAA,CACb,KAAK,CAAE,IAAI,CACd,AAID,AAAA,eAAe,AAAA,CACX,aAAa,CAAE,IAAI,CACtB,AACD,AAAgB,eAAD,CAAC,oBAAoB,AAAA,CAChC,OAAO,CAAE,GAAG,CACZ,UAAU,CAAE,OAAO,CACnB,KAAK,CAAE,KAAK,CACZ,eAAe,CAAE,IAAI,CACrB,aAAa,CAAE,GAAG,CACrB,AACD,AAAA,WAAW,AAAA,CACP,OAAO,CAAE,CAAC,CACb,AACD,AAAA,UAAU,AAAA,CACN,MAAM,CAAE,CAAC,CACZ,AACD,AAA6B,4BAAD,CAAC,uBAAuB,AAAA,CAChD,aAAa,CAAE,IAAI,CACnB,cAAc,CAAE,GAAG,CACnB,aAAa,CAAE,mBAAmB,CACrC,AACD,AAAA,oBAAoB,AAAA,CAChB,cAAc,CAAE,GAAG,CAEtB,AACD,AAAA,yBAAyB,CAAC,AAAA,sBAAsB,CAAE,AAAA,uBAAuB,AAAA,CACrE,WAAW,CAAE,IAAI,CACjB,SAAS,CAAE,IAAI,CAClB,AACD,AAAA,oBAAoB,AAAA,UAAW,CAAA,AAAA,GAAG,CAAC,CAC/B,UAAU,CAAE,OAAO,CACtB"}
\ No newline at end of file
+{"version":3,"file":"admin.css","sources":["admin.scss"],"sourcesContent":["#glm-admin-content-container .admin-item-label,\n#glm-admin-content-container .admin-item-input,\n#glm-admin-content-container .admin-item-list{\n    padding: 0;\n}\n.itemTitle-record{\n    float: left;\n}\n.admin-item-input textarea{\n   \n}\n.admin-new-item{\n    margin-bottom: 15px;\n}\n.admin-new-item .admin-new-item-link{\n    padding: 5px;\n    background: #3D84D0;\n    color: white;\n    text-decoration: none;\n    border-radius: 4px;\n}\n.no-padding{\n    padding: 0;\n}\n.no-margin{\n    margin: 0;\n}\n#glm-admin-content-container .admin-item-list-header{\n    margin-bottom: 20px;\n    padding-bottom: 2px;\n    border-bottom: 1px solid lightgray;\n}\n.admin-item-list-row{\n    padding-bottom: 5px;\n/*    border-bottom: 1px solid lightgray;*/\n}\n.item-company-list-header,.item-date-list-header, .item-title-list-header{\n    font-weight: bold;\n    font-size: 16px;\n}\n.admin-item-list-row:nth-child(odd){\n    background: #e3e3e5;\n}\n.item-image{\n    display: block;\n}\n.item-image-row{\n    border-bottom: 1px solid lightgray;\n    padding-bottom: 10px;\n}\n"],"names":[],"mappings":"AAAA,AAA6B,4BAAD,CAAC,iBAAiB,CAC9C,AAA6B,4BAAD,CAAC,iBAAiB,CAC9C,AAA6B,4BAAD,CAAC,gBAAgB,AAAA,CACzC,OAAO,CAAE,CAAC,CACb,AACD,AAAA,iBAAiB,AAAA,CACb,KAAK,CAAE,IAAI,CACd,AAID,AAAA,eAAe,AAAA,CACX,aAAa,CAAE,IAAI,CACtB,AACD,AAAgB,eAAD,CAAC,oBAAoB,AAAA,CAChC,OAAO,CAAE,GAAG,CACZ,UAAU,CAAE,OAAO,CACnB,KAAK,CAAE,KAAK,CACZ,eAAe,CAAE,IAAI,CACrB,aAAa,CAAE,GAAG,CACrB,AACD,AAAA,WAAW,AAAA,CACP,OAAO,CAAE,CAAC,CACb,AACD,AAAA,UAAU,AAAA,CACN,MAAM,CAAE,CAAC,CACZ,AACD,AAA6B,4BAAD,CAAC,uBAAuB,AAAA,CAChD,aAAa,CAAE,IAAI,CACnB,cAAc,CAAE,GAAG,CACnB,aAAa,CAAE,mBAAmB,CACrC,AACD,AAAA,oBAAoB,AAAA,CAChB,cAAc,CAAE,GAAG,CAEtB,AACD,AAAA,yBAAyB,CAAC,AAAA,sBAAsB,CAAE,AAAA,uBAAuB,AAAA,CACrE,WAAW,CAAE,IAAI,CACjB,SAAS,CAAE,IAAI,CAClB,AACD,AAAA,oBAAoB,AAAA,UAAW,CAAA,AAAA,GAAG,CAAC,CAC/B,UAAU,CAAE,OAAO,CACtB,AACD,AAAA,WAAW,AAAA,CACP,OAAO,CAAE,KAAK,CACjB,AACD,AAAA,eAAe,AAAA,CACX,aAAa,CAAE,mBAAmB,CAClC,cAAc,CAAE,IAAI,CACvB"}
\ No newline at end of file

diff --git a/scss/admin.scss b/scss/admin.scss
index 24a178e..f57cb99 100644 (file)
--- a/scss/admin.scss
+++ b/scss/admin.scss
@@ -41,3 +41,10 @@
 .admin-item-list-row:nth-child(odd){
     background: #e3e3e5;
 }
+.item-image{
+    display: block;
+}
+.item-image-row{
+    border-bottom: 1px solid lightgray;
+    padding-bottom: 10px;
+}

diff --git a/views/admin/buySell/parts/image_input.html b/views/admin/buySell/parts/image_input.html
index 66a718c..8173ba9 100644 (file)
--- a/views/admin/buySell/parts/image_input.html
+++ b/views/admin/buySell/parts/image_input.html
@@ -1,61 +1,42 @@
-<div class="glm-item-row glm-row">
+<div class="glm-item-row glm-row item-image-row">
     <div class="glm-small-12 glm-medium-2 glm-columns admin-item-label">
         Image 1: 
     </div>
     <div class="glm-small-12 glm-medium-5 glm-columns admin-item-input">
-        <pre>{$item|@print_r}</pre>
         {if $item.fieldData.image_1}
-            <img src="{$glmPluginMediaUrl}/images/small/{$item.fieldData.image_1}">
+            <img class="item-image" src="{$glmPluginMediaUrl}/images/small/{$item.fieldData.image_1}">
         {/if}
         <b>New image:</b> <input type="file" name="image_1_new">
-
-        <div id="glm-galleryImageLarger_image" class="glm-imageDialog">
-            {if $item.fieldData.image_1}
-                <img src="{$glmPluginMediaUrl}/images/large/{$item.fieldData.image_1}">
-            {/if}
-        </div>
         <div>
             <input type="checkbox" name="image_1_delete"> Delete Image<br>
         </div>
     </div>
 </div>
-<div class="glm-item-row glm-row">
+<div class="glm-item-row glm-row item-image-row">
     <div class="glm-small-12 glm-medium-2 glm-columns admin-item-label">
         Image 2: 
     </div>
     <div class="glm-small-12 glm-medium-5 glm-columns admin-item-input">
         
         {if $item.fieldData.image_2}
-            <img src="{$glmPluginMediaUrl}/images/small/{$item.fieldData.image_2}">
+            <img class="item-image" src="{$glmPluginMediaUrl}/images/small/{$item.fieldData.image_2}">
         {/if}
         <b>New image:</b> <input type="file" name="image_2_new">
-
-        <div id="glm-galleryImageLarger_image" class="glm-imageDialog">
-            {if $item.fieldData.image_2}
-                <img src="{$glmPluginMediaUrl}/images/large/{$item.fieldData.image_2}">
-            {/if}
-        </div>
         <div>
             <input type="checkbox" name="image_2_delete"> Delete Image<br>
         </div>
     </div>
 </div>
-<div class="glm-item-row glm-row">
-    <div class="glm-small-12 glm-medium-2 glm-columns admin-item-label">
+<div class="glm-item-row glm-row item-image-row">
+    <div class="glm-small-12 glm-medium-2 glm-columns admin-item-label ">
         Image 3: 
     </div>
     <div class="glm-small-12 glm-medium-5 glm-columns admin-item-input">
         
         {if $item.fieldData.image_3}
-            <img src="{$glmPluginMediaUrl}/images/small/{$item.fieldData.image_3}">
+            <img class="item-image" src="{$glmPluginMediaUrl}/images/small/{$item.fieldData.image_3}">
         {/if}
         <b>New image:</b> <input type="file" name="image_3_new">
-
-        <div id="glm-galleryImageLarger_image" class="glm-imageDialog">
-            {if $item.fieldData.image_3}
-                <img src="{$glmPluginMediaUrl}/images/large/{$item.fieldData.image_3}">
-            {/if}
-        </div>
         <div>
             <input type="checkbox" name="image_3_delete"> Delete Image<br>
         </div>