Changeset 5573 for VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_table.scss

Timestamp:

08/19/14 15:31:00 (10 years ago)

Author:

Twan Goosen

Message:

Styling of the VC details page
Refs #594

File:

• VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_table.scss (modified) (3 diffs)

VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_table.scss

@@ -23 +23 @@
 
     td.type {
-        width: 60px;
+        width: 5em;
     }
 }
@@ -62 +62 @@
         overflow: hidden;
     }
-} //table.resourcesTable
+} //table.creatorsTable
 
 table.collectionsTable {
@@ -73 +73 @@
         vertical-align: top;
         padding-left: .5em;
+
+        &.state {
+            width: 5em;
+        }
+
+        &.type {
+            width: 7em;
+        }
+
+        &.created {
+            width: 7em;
+        }
+
+        &.action {
+            width: 2em;
+        }
     }
 
-    td.name div.name {
-        padding-left: 16px;
-        /* icon from GLYPHICONS.com */
-        background-image: url('../icons/glyphicons_367_expand.png');
-        background-size: $iconsize;
-        background-repeat: no-repeat;
-        background-position: center left;
-        cursor: pointer;
-    }
+    td.name {
 
-    td.name div.name:hover {
-        color: #AE0000;
-        background-color: inherit;
-    }
+        width: auto;
+        
+        div.name {
+            padding-left: 16px;
+            /* icon from GLYPHICONS.com */
+            background-image: url('../icons/glyphicons_367_expand.png');
+            background-size: $iconsize;
+            background-repeat: no-repeat;
+            background-position: center left;
+            cursor: pointer;
 
-    td.name div.name.detailsShown {
-        padding-left: 16px;
-        /* icon from GLYPHICONS.com */
-        background-image: url('../icons/glyphicons_369_collapse_top.png');
-        background-size: $iconsize;
-        background-repeat: no-repeat;
-        background-position: center left;
-    }
 
-    td.name div.name.noDetails{
-        background-image: none;
-    }
 
-    td.name div.details {
-        margin-left: 16px;
-        margin-right: -248px;
-        width: 964px;
-    }
+            &:hover {
+                color: #AE0000;
+                background-color: inherit;
+            }
 
-    td.name div.desc {
-        text-align: justify;
-        padding: 4px 0 0 0;
-    }
+            &.detailsShown {
+                padding-left: 16px;
+                /* icon from GLYPHICONS.com */
+                background-image: url('../icons/glyphicons_369_collapse_top.png');
+                background-size: $iconsize;
+                background-repeat: no-repeat;
+                background-position: center left;
+            }
 
-    td.name div.actions {
-        margin: 4px 0 2px 0;
-    }
+            &.noDetails{
+                background-image: none;
+            }
 
-    th.state, td.state {
-        width: 5em;
-    }
+        }
 
-    th.type, td.type {
-        width: 7em;
-    }
+        div.details {
+            margin-left: 16px;
+            margin-right: -248px;
+            width: 964px;
+        }
 
-    th.created, td.created {
-        width: 7em;
-    }
+        div.desc {
+            text-align: justify;
+            padding: 4px 0 0 0;
+        }
 
-    td.action, th.action {
-        width: 2em;
-    }
+        div.actions {
+            margin: 4px 0 2px 0;
+        }
+    } //td.name
+
 
     &.public td.action span,