X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=qcg%2Fstatic%2Fqcg%2Fmain.css;h=147ed19b67fca9d0c102b516f32833c3747bac0a;hb=cab19b03645d65ee9d55a07a00e29b89d901559e;hp=57a2b840f2da3768bbe24c58fd6fa37f119094a9;hpb=52e1db7e850a63b8271e348c487bd60853ed73e8;p=qcg-portal.git

diff --git a/qcg/static/qcg/main.css b/qcg/static/qcg/main.css
index 57a2b84..147ed19 100644
--- a/qcg/static/qcg/main.css
+++ b/qcg/static/qcg/main.css
@@ -16,3 +16,180 @@ footer.navbar-fixed-bottom {
 .page-header {
     margin-top: 0;
 }
+
+
+/* jobs list view */
+
+.treegrid-expander {
+    opacity: 0.5;
+}
+
+.treegrid-expander:hover {
+    opacity: 1;
+}
+
+
+/* submit job view */
+
+textarea {
+    resize: vertical;
+    min-height: 34px;
+}
+
+.modal-body > *:first-child {
+    margin-top: 0;
+}
+
+.modal-body > *:last-child {
+    margin-bottom: 0;
+}
+
+#env-controls .form-group {
+    display: inline-block;
+    margin: 0;
+    vertical-align: middle;
+}
+
+#env-controls > div {
+    margin-bottom: 7px;
+}
+
+#env-controls > div:last-of-type {
+    margin: 0;
+}
+
+#env-controls input[type="text"] {
+    width: 160px;
+}
+
+#add-env-form {
+    padding-top: 7px;
+}
+
+.timerange input {
+    display: inline-block;
+    width: 67%;
+    margin-right: 5px;
+}
+
+.timerange select {
+    display: inline-block;
+    width: 30%;
+    float: right;
+}
+
+
+/* GridFTP view */
+
+#filex {
+    /* needed for positioning spinner */
+    position: relative;
+    height: 100%;
+}
+
+#list {
+    height: calc(100% - 55px);
+    overflow: auto;
+}
+
+#filex input[type=checkbox] {
+    margin: 0;
+}
+
+.path.breadcrumb > li + li::before {
+    content: "› ";
+}
+
+#spinner-overlay {
+    background: url('/static/filex/spinner.gif') white  center center no-repeat fixed;
+    opacity: 0.5;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    display: none;
+}
+
+.busy #spinner-overlay {
+    display: initial;
+}
+
+#filex nav {
+    display: flex;
+    flex-flow: row wrap;
+}
+
+#host {
+    flex: 1 auto;
+    margin-right: 10px;
+    white-space: nowrap;
+}
+
+#controls {
+    flex: 0 auto;
+    margin-bottom: 5px;
+    white-space: nowrap;
+}
+
+#path {
+    flex: 1 100%;
+}
+
+@media (min-width: 768px) {
+    #host {
+        order: 1;
+        flex: 0 auto;
+        margin-right: 10px;
+    }
+
+    #path {
+        order: 2;
+        flex: 10 auto;
+        margin-top: -1px;
+        margin-right: 10px;
+    }
+
+    #controls {
+        order: 3;
+        flex: 0 auto;
+    }
+}
+
+#host .list {
+    display: none;
+}
+
+#host.edit .list {
+    display: initial;
+}
+
+#host.edit #btn-host {
+    display: none;
+}
+
+#host .selectize-control {
+    min-width: 200px;
+}
+
+#host .selectize-input {
+    padding-right: 32px;
+}
+
+
+
+/* task details view */
+
+.working-dir {
+    margin-top: 10px;
+}
+
+@media (min-width: 768px) {
+    .working-dir {
+        position: absolute;
+        right: 15px;
+        top: 50%;
+        margin-top: -17px;
+        z-index: 1;
+    }
+}