Browse Source

more styling for physics.ifmo.ru

Konstantin Ladutenko 5 years ago
parent
commit
24e44f820a

+ 16 - 4
vue-cli3-webapp/src/App.vue

@@ -293,7 +293,7 @@
                 x: -.1,
                 y: 1.2
               },
-              width: 100,
+              // width: 100,
               height: 100
             }
           }
@@ -395,9 +395,9 @@
       },
       window: {
         handler: function () {
-            this.chart.layout.width = this.window.width * 0.92;
+            // this.chart.layout.width = this.window.width * 0.92;
             this.chart.layout.height = this.window.height * 0.95;
-            if (this.window.width < 600) this.chart.layout.width = this.window.width;
+            // if (this.window.width < 600) this.chart.layout.width = this.window.width;
             if (this.window.height < 600) this.chart.layout.height = this.window.height;
 
           },
@@ -823,5 +823,17 @@
   .add_padding {
     padding: 1rem;
   }
-
+  // Custom styles to build into the design of physics.ifmo.ru
+  .content table {
+    width: auto;
+  }
+  ul {
+    padding-left: 1.5em;
+  }
+  body {
+    line-height: 1.42857;
+  }
+  .block-views-blockmessages-header-message-block {
+    top: 25px;
+  }
 </style>

+ 3 - 2
vue-cli3-webapp/src/components/GetMaterials.vue

@@ -138,8 +138,9 @@
                             x: -.1,
                             y: 1.2
                         },
-                        width: this.plot_width,
-                        height: this.plot_height}
+                        // width: this.plot_width,
+                        height: this.plot_height
+                    }
                 },
                 isPlot_n: true,
                 isPlot_k: true,

+ 4 - 0
vue-cli3-webapp/src/components/GetParticleParameters.vue

@@ -101,4 +101,8 @@
         margin-left: 1rem;
         width:5rem;
     }
+    .b-radio.radio {
+        /*margin-left: .5em;*/
+        margin-top: 0px;
+    }
 </style>

+ 3 - 0
vue-cli3-webapp/src/components/GetUnits.vue

@@ -105,4 +105,7 @@
 </script>
 
 <style scoped>
+    .checkbox {
+        margin-top: 0px;
+    }
 </style>