UI clean up progress on the file landing pg. [ref #2504 #2465]

IQSS · Sep 14, 2015 · fede448 · fede448
1 parent 899beb0
commit fede448
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/main/webapp/file.xhtml b/src/main/webapp/file.xhtml
@@ -145,11 +145,11 @@
 
                 <div id="fileImageTitle" class="row" style="margin-bottom:12px;">
 
-                    <div class="col-xs-5 text-center">
+                    <div id="file-preview-icon-block" class="col-xs-5 text-center">
                         <!-- Image -->
                         <p:graphicImage style="margin:10px;" styleClass="img-responsive img-thumbnail" value="/api/access/datafile/#{FilePage.fileId}?imageThumb=400" rendered="#{dataFileServiceBean.isThumbnailAvailable(FilePage.fileMetadata.dataFile, dataverseSession.user)}"/>
                         <!-- Icon -->
-                        <span style="font-size:380px;" class="icon-#{dataFileServiceBean.getFileClass(FilePage.fileMetadata.dataFile)} text-muted h1"
+                        <span class="icon-#{dataFileServiceBean.getFileClass(FilePage.fileMetadata.dataFile)} text-muted h1"
                               jsf:rendered="#{(!dataFileServiceBean.isThumbnailAvailable(FilePage.fileMetadata.dataFile, dataverseSession.user))
                                               or (empty FilePage.fileMetadata.dataFile.id and !dataFileServiceBean.isTemporaryPreviewAvailable(FilePage.fileMetadata.dataFile.storageIdentifier, FilePage.fileMetadata.dataFile.contentType))}"/>
                     </div>

diff --git a/src/main/webapp/resources/css/structure.css b/src/main/webapp/resources/css/structure.css
@@ -645,6 +645,17 @@ div.dvnDifferanceTable .diffDetailBlock {display:block;}
 
 .dropin-btn-status.ui-icon {background: url("https://www.dropbox.com/static/images/widgets/dbx-saver-status.png") no-repeat;}
 
+/* FILE */
+#file-preview-icon-block span[class^='icon-'] {font-size:4em;}
+
+@media screen and (max-width: 999px) {
+    #file-preview-icon-block span[class^='icon-'] {font-size:35vw;}
+}
+
+@media screen and (min-width: 1000px) {
+    #file-preview-icon-block span[class^='icon-'] {font-size:28em;}
+}
+
 /* Overwrite Primefaces */
 button.btn-default.ui-button-text-only .ui-button-text {padding:0; font-size:14px;}
 .ui-widget-overlay {background:#CCC;}