X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=qcg%2Fstatic%2Fqcg%2Fmain.css;h=3a47bf98eecedf92e75b44fb237eba1dead39823;hb=1a708f0742394073072b9848b78a75442d66e0fa;hp=881ed0c8507c1ee67cbf959eb1582f42d2aa8b3b;hpb=0898eeafb0687d5cfb97f1b5038e665a7d01ec60;p=qcg-portal.git diff --git a/qcg/static/qcg/main.css b/qcg/static/qcg/main.css index 881ed0c..3a47bf9 100644 --- a/qcg/static/qcg/main.css +++ b/qcg/static/qcg/main.css @@ -18,6 +18,17 @@ footer.navbar-fixed-bottom { } +/* jobs list view */ + +.treegrid-expander { + opacity: 0.5; +} + +.treegrid-expander:hover { + opacity: 1; +} + + /* new job view */ textarea { @@ -25,6 +36,10 @@ textarea { min-height: 34px; } +.modal-body > *:first-child { + margin-top: 0; +} + .modal-body > *:last-child { margin-bottom: 0; } @@ -71,16 +86,8 @@ textarea { position: relative; } -#host-controls .change { - display: none; -} - -#host-controls.editing .view { - display: none; -} - -#host-controls.editing .change { - display: initial; +#filex input[type=checkbox] { + margin: 0; } .path.breadcrumb > li + li::before { @@ -88,7 +95,7 @@ textarea { } #spinner-overlay { - background: url('/static/filex/spinner.gif') white center 100px no-repeat; + background: url('/static/filex/spinner.gif') white center center no-repeat fixed; opacity: 0.5; position: absolute; top: 0; @@ -101,3 +108,64 @@ textarea { .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; +}