molstar 3.0.0-dev.5 → 3.0.0-dev.9

package/lib/mol-plugin-ui/skin/base/components/help.scss

@@ -1,27 +1,27 @@
-
-.msp-help-row {    
-    position: relative;
-    height: $row-height;
-    background: $default-background;
-    margin-top: 1px;
-    display: table;
-    width: 100%;
-    
-    > span {
-        width: $control-label-width + $control-spacing;
-        text-align: right;
-        padding: $info-vertical-padding $control-spacing; 
-        color: color-lower-contrast($font-color, 15%);
-        display: table-cell;
-        font-weight: bold;
-        
-        @include non-selectable;        
-    }
-        
-    > div {
-        background: $msp-form-control-background;
-        position: relative;
-        padding: $info-vertical-padding $control-spacing;
-        display: table-cell;
-    }
-}
+
+.msp-help-row {    
+    position: relative;
+    height: $row-height;
+    background: $default-background;
+    margin-top: 1px;
+    display: table;
+    width: 100%;
+    
+    > span {
+        width: $control-label-width + $control-spacing;
+        text-align: right;
+        padding: $info-vertical-padding $control-spacing; 
+        color: color-lower-contrast($font-color, 15%);
+        display: table-cell;
+        font-weight: bold;
+        
+        @include non-selectable;        
+    }
+        
+    > div {
+        background: $msp-form-control-background;
+        position: relative;
+        padding: $info-vertical-padding $control-spacing;
+        display: table-cell;
+    }
+}

package/lib/mol-plugin-ui/skin/base/components/line-graph.scss

@@ -1,68 +1,68 @@
-.msp-canvas {
-    width: 100%;
-    height: 100%;
-    background-color: #f3f2ee;
-    
-    text {
-        -webkit-touch-callout: none; /* iOS Safari */
-        -webkit-user-select: none; /* Safari */
-        -khtml-user-select: none; /* Konqueror HTML */
-        -moz-user-select: none; /* Firefox */
-        -ms-user-select: none; /* Internet Explorer/Edge */
-        user-select: none; /* Non-prefixed version, currently
-                              supported by Chrome and Opera */
-    }
-
-    circle {
-        stroke: black;
-        stroke-width: 10;
-        stroke-opacity: .3;
-
-        &:hover {
-            fill: #ae5d04;
-            stroke: black;
-            stroke-width: 10px;
-        }
-    }
-
-    .info {
-        fill: white;
-        stroke: black;
-        stroke-width: 3;
-    }
-
-    .show {
-        visibility: visible;
-    }
-    .hide {
-        visibility: hidden;
-    }
-
-    .delete-button {
-        rect {
-            fill: #ED4337;
-            stroke: black;
-        }
-        
-        text {
-            stroke: white;
-            fill: white;
-        }
-
-        &:hover {
-            stroke: black;
-            stroke-width: 3;
-            fill: #ff6961;
-        }
-    }
-
-    .infoCircle {
-        &:hover {
-            fill: #4c66b2;
-        }
-    }
-}
-
-.msp-canvas:focus {
-    outline: none;
+.msp-canvas {
+    width: 100%;
+    height: 100%;
+    background-color: #f3f2ee;
+    
+    text {
+        -webkit-touch-callout: none; /* iOS Safari */
+        -webkit-user-select: none; /* Safari */
+        -khtml-user-select: none; /* Konqueror HTML */
+        -moz-user-select: none; /* Firefox */
+        -ms-user-select: none; /* Internet Explorer/Edge */
+        user-select: none; /* Non-prefixed version, currently
+                              supported by Chrome and Opera */
+    }
+
+    circle {
+        stroke: black;
+        stroke-width: 10;
+        stroke-opacity: .3;
+
+        &:hover {
+            fill: #ae5d04;
+            stroke: black;
+            stroke-width: 10px;
+        }
+    }
+
+    .info {
+        fill: white;
+        stroke: black;
+        stroke-width: 3;
+    }
+
+    .show {
+        visibility: visible;
+    }
+    .hide {
+        visibility: hidden;
+    }
+
+    .delete-button {
+        rect {
+            fill: #ED4337;
+            stroke: black;
+        }
+        
+        text {
+            stroke: white;
+            fill: white;
+        }
+
+        &:hover {
+            stroke: black;
+            stroke-width: 3;
+            fill: #ff6961;
+        }
+    }
+
+    .infoCircle {
+        &:hover {
+            fill: #4c66b2;
+        }
+    }
+}
+
+.msp-canvas:focus {
+    outline: none;
 }

package/lib/mol-plugin-ui/skin/base/components/log.scss

@@ -1,100 +1,100 @@
-
-.msp-log-wrap {
-    position: absolute;
-    right: 0;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    overflow: hidden;
-}
-
-.msp-log {
-    position: absolute;
-    right: -20px;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    overflow-y: scroll;
-    overflow-x: hidden;    
-    font-size: 90%;
-    background: $control-background;
-}
-
-.msp-log {
-    font-size: 90%;
-
-    ul {
-        padding: 0;
-        margin: 0;
-    }
-    
-    color: $log-font-color;
-    
-    li {
-        clear: both;
-        margin: 0;        
-        background: $default-background;        
-        position: relative;
-        
-        &:not(:last-child) {
-            border-bottom: 1px solid $border-color;
-        }
-    }
-       
-    
-    .msp-log-entry {
-        margin-left: $control-label-width;
-        background: color-lower-contrast($control-background, 5%);
-        padding: $info-vertical-padding ($control-spacing + 15px) $info-vertical-padding $control-spacing ;
-    }
-    
-    .msp-log-timestamp {
-        padding: $info-vertical-padding $control-spacing $info-vertical-padding $control-spacing;
-        float: left;
-        text-align: right;
-        width: $control-label-width;
-        color: $log-timestamp-font-color;
-        //vertical-align: baseline;
-        //line-height: $row-height;
-        font-size: 100%;
-    }    
-    
-    .msp-log-timestamp small {
-        font-size: 100%;
-    }
-}
-
-// .msp-log hr {
-//     border-color: $separator-color;
-//     margin: 3px 3px 0 5px;
-// }
-
-.msp-log .label { 
-    margin-top: -3px;
-    font-size: 7pt;
-}
-
-.msp-log-entry-badge {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 6px;
-}
-
-.msp-log-entry-message {
-    background: $log-message;
-}
-
-.msp-log-entry-info {
-    background: $log-info;
-}
-
-.msp-log-entry-error {
-    background: $log-error;
-}
-
-.msp-log-entry-warning {
-    background: $log-warning;
-}
-
+
+.msp-log-wrap {
+    position: absolute;
+    right: 0;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    overflow: hidden;
+}
+
+.msp-log {
+    position: absolute;
+    right: -20px;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    overflow-y: scroll;
+    overflow-x: hidden;    
+    font-size: 90%;
+    background: $control-background;
+}
+
+.msp-log {
+    font-size: 90%;
+
+    ul {
+        padding: 0;
+        margin: 0;
+    }
+    
+    color: $log-font-color;
+    
+    li {
+        clear: both;
+        margin: 0;        
+        background: $default-background;        
+        position: relative;
+        
+        &:not(:last-child) {
+            border-bottom: 1px solid $border-color;
+        }
+    }
+       
+    
+    .msp-log-entry {
+        margin-left: $control-label-width;
+        background: color-lower-contrast($control-background, 5%);
+        padding: $info-vertical-padding ($control-spacing + 15px) $info-vertical-padding $control-spacing ;
+    }
+    
+    .msp-log-timestamp {
+        padding: $info-vertical-padding $control-spacing $info-vertical-padding $control-spacing;
+        float: left;
+        text-align: right;
+        width: $control-label-width;
+        color: $log-timestamp-font-color;
+        //vertical-align: baseline;
+        //line-height: $row-height;
+        font-size: 100%;
+    }    
+    
+    .msp-log-timestamp small {
+        font-size: 100%;
+    }
+}
+
+// .msp-log hr {
+//     border-color: $separator-color;
+//     margin: 3px 3px 0 5px;
+// }
+
+.msp-log .label { 
+    margin-top: -3px;
+    font-size: 7pt;
+}
+
+.msp-log-entry-badge {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 6px;
+}
+
+.msp-log-entry-message {
+    background: $log-message;
+}
+
+.msp-log-entry-info {
+    background: $log-info;
+}
+
+.msp-log-entry-error {
+    background: $log-error;
+}
+
+.msp-log-entry-warning {
+    background: $log-warning;
+}
+