Use display property defined in CSS for elements of class item
[fnpeditor.git] / modules / documentHistory / documentHistory.less
index 9bf078f..608c9df 100644 (file)
@@ -1,41 +1,62 @@
-.rng-module-documentHistory {\r
-    \r
-    .item {\r
-        padding: 5px 5px;\r
-        margin: 0 0 15px 0;\r
-        cursor: pointer;\r
-        \r
-        .version {\r
-            float: left;\r
-            width: 30px;\r
-            font-weight: bold;\r
-        }\r
-        \r
-        .date, .author, .description {\r
-            margin: 5px 10px 0 40px;\r
-        }\r
-        \r
-        .description {\r
-            font-size: .9em;\r
-        }\r
-    }\r
-    \r
-    .item.highlighted {\r
-        background: #ffec63;\r
-    }\r
-    \r
-    .item.disabled {\r
-        cursor: default;\r
-    }\r
-    \r
-    .toolbar {\r
-        margin: 0 0 15px 0;\r
-        white-space:nowrap; \r
-        word-spacing:0;\r
-        min-height: 22px;\r
-        button {\r
-            margin-right: 10px;\r
-        }\r
-    }\r
-}\r
-\r
+.rng-module-documentHistory {
+    
+    .item {
+        padding: 5px 5px;
+        margin: 0 0 15px 0;
+        cursor: pointer;
+        
+        .version {
+            float: left;
+            width: 30px;
+            font-weight: bold;
+        }
+        
+        .date, .author, .description {
+            margin: 5px 10px 0 40px;
+        }
+        
+        .description {
+            font-size: .9em;
+        }
+    }
+    
+    .item.highlighted {
+        background: #ffec63;
+    }
+    
+    .item.disabled {
+        cursor: default;
+    }
+    
+    .toolbar {
+        margin: 0 0 15px 0;
+        white-space:nowrap; 
+        word-spacing:0;
+        min-height: 22px;
+        button {
+            margin-right: 10px;
+        }
+    }
+    
+    .rng-module-documentHistory-itemsList {
+        overflow-y: scroll;
+        position: absolute;
+        top: 30px;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        &::-webkit-scrollbar {
+            .rng-mixin-scrollbar;
+        }
+        &::-webkit-scrollbar-track {
+            .rng-mixin-scrollbar-track;
+        }
+        &::-webkit-scrollbar-thumb {
+            .rng-mixin-scrollbar-thumb;
+        }
+        &::-webkit-scrollbar-thumb:window-inactive {
+            .rng-mixin-scrollbar-thumb-window-inactive;
+        }
+    }
+}
+