Commit edfb491d authored by Mathieu Giraud's avatar Mathieu Giraud Committed by Vidjil

browser/css: update

parent 963833b3
...@@ -852,17 +852,19 @@ a.tag-link { ...@@ -852,17 +852,19 @@ a.tag-link {
text-decoration: none; text-decoration: none;
} }
/* ----------------- */ /* ----------------- */
.data-container, .modal {
.info-container {
z-index: 3; z-index: 3;
border: solid; border: solid;
position: fixed; position: fixed;
top: 50px;
left: 495px;
font-size: 13px; font-size: 13px;
padding: 10px; padding: 10px;
background: #000000; background: #000000;
display: none; display: none;
}
.modal.data-container,
.modal.info-container {
top: 50px;
left: 495px;
max-width: -moz-calc(100% - 535px); max-width: -moz-calc(100% - 535px);
max-width: -webkit-calc(100% - 535px); max-width: -webkit-calc(100% - 535px);
max-width: calc(100% - 535px); max-width: calc(100% - 535px);
...@@ -870,9 +872,16 @@ a.tag-link { ...@@ -870,9 +872,16 @@ a.tag-link {
height: -webkit-calc(100% - 215px); height: -webkit-calc(100% - 215px);
height: calc(100% - 215px); height: calc(100% - 215px);
} }
.modal.jstree-container {
padding-top: 30px;
top: 10%;
left: 25%;
width: 50%;
height: 70%;
}
.data-msg, .data-msg,
.info-msg { .info-msg {
overflow-x: hidden; overflow-x: auto;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
...@@ -1418,10 +1427,12 @@ h3 .uid { ...@@ -1418,10 +1427,12 @@ h3 .uid {
display: inline-block; display: inline-block;
} }
.db_footer { .db_footer {
display: inline-block; display: block;
position: absolute; position: absolute;
bottom: 5px; bottom: 5px;
left: 0px; left: 0px;
width: 100%;
background: white;
} }
.db_block_left { .db_block_left {
float: left; float: left;
...@@ -1632,10 +1643,10 @@ h3 .uid { ...@@ -1632,10 +1643,10 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #dff0d8; background: #DFF0D8;
border-color: #333333; border-color: #333333;
} }
.tip_img { #tip_img {
margin: 20px auto; margin: 20px auto;
display: block; display: block;
border: grey solid 1px; border: grey solid 1px;
...@@ -1659,11 +1670,9 @@ h3 .uid { ...@@ -1659,11 +1670,9 @@ h3 .uid {
} }
.right { .right {
float: right; float: right;
clear: both;
} }
.left { .left {
float: left; float: left;
clear: both;
} }
select > option:hover { select > option:hover {
background-color: #333333; background-color: #333333;
...@@ -1942,9 +1951,14 @@ label.highlight_label { ...@@ -1942,9 +1951,14 @@ label.highlight_label {
.db_table td.pre-line { .db_table td.pre-line {
white-space: pre-line; white-space: pre-line;
} }
#jstree { .jstree {
max-height: 300px; height: 90%;
width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: auto;
}
.jstree_button {
float: right;
} }
.jstree-anchor { .jstree-anchor {
max-width: 200px; max-width: 200px;
...@@ -1966,6 +1980,69 @@ label.highlight_label { ...@@ -1966,6 +1980,69 @@ label.highlight_label {
.widestBox { .widestBox {
min-width: 52px; min-width: 52px;
} }
.set_token {
border-radius: 5px;
padding: 3px;
margin: 3px;
color: #000;
font-size: 85%;
display: inline-block;
background-color: #eee;
}
.run_token {
background-color: #ffadad;
}
.generic_token {
background-color: #adccff;
}
.patient_token {
background-color: #adffae;
}
.token_container {
display: inline-block;
}
.token_input,
.token_input:focus {
border: 0;
box-shadow: none;
width: 100px;
height: 25px;
}
.file_fieldset {
clear: right;
width: -moz-available;
}
form label {
display: inline-block;
text-align: right;
}
form div.field_div {
float: left;
display: inline-block;
}
form .form_label {
line-height: 33px;
width: 70px;
}
.error {
font-weight: bold;
color: red;
}
.icon-cancel {
cursor: pointer;
}
.inline {
display: inline-block;
}
.hidden {
display: none;
}
#fieldset_container :not(.set_token) > .icon-cancel {
float: right;
}
.buttons_add_elements {
margin: 1em 0;
}
/* atwho css */ /* atwho css */
.atwho-view { .atwho-view {
position: absolute; position: absolute;
...@@ -2008,13 +2085,19 @@ label.highlight_label { ...@@ -2008,13 +2085,19 @@ label.highlight_label {
.atwho-view .cur small { .atwho-view .cur small {
color: white; color: white;
} }
.atwho-view strong {
color: #3366FF;
}
.atwho-view .cur strong { .atwho-view .cur strong {
color: white; color: white;
font: bold; font: bold;
} }
.atwho-view .cur.patient_li strong,
.atwho-view .cur.generic_li strong,
.atwho-view .cur.run_li strong {
color: black;
font: bold;
}
.atwho-view strong {
color: #3366FF;
}
.atwho-view ul { .atwho-view ul {
/* width: 100px; */ /* width: 100px; */
list-style: none; list-style: none;
...@@ -2030,8 +2113,62 @@ label.highlight_label { ...@@ -2030,8 +2113,62 @@ label.highlight_label {
cursor: pointer; cursor: pointer;
/* border-top: 1px solid #C8C8C8; */ /* border-top: 1px solid #C8C8C8; */
} }
.atwho-view ul li.patient_li:before {
font-size: 80%;
content: 'patient';
}
.atwho-view ul li.run_li:before {
font-size: 80%;
content: 'run';
}
.atwho-view ul li.generic_li:before {
font-size: 80%;
content: 'set';
}
.atwho-view ul li span.autocomplete_li {
display: none;
}
.atwho-view small { .atwho-view small {
font-size: smaller; font-size: smaller;
color: #777; color: #777;
font-weight: normal; font-weight: normal;
} }
.form-control {
padding: 3px 6px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition-property: border-color, box-shadow;
transition-duration: 0.15s, 0.15s;
transition-timing-function: ease-in-out, ease-in-out;
transition-delay: 0s, 0s;
display: inline-block;
min-width: 200px;
vertical-align: middle;
margin: 0;
height: 25px;
}
.form-control:invalid {
border: 1px solid red;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075);
}
.form-control[type="file"],
.form-control.jstree_field {
border: 0px;
border-radius: unset;
box-shadow: unset;
cursor: pointer;
width: 234px;
}
.form-control.date {
min-width: 60px;
width: 60px;
}
[hidden] {
display: none !important;
}
...@@ -852,17 +852,19 @@ a.tag-link { ...@@ -852,17 +852,19 @@ a.tag-link {
text-decoration: none; text-decoration: none;
} }
/* ----------------- */ /* ----------------- */
.data-container, .modal {
.info-container {
z-index: 3; z-index: 3;
border: solid; border: solid;
position: fixed; position: fixed;
top: 50px;
left: 495px;
font-size: 13px; font-size: 13px;
padding: 10px; padding: 10px;
background: #ffffff; background: #ffffff;
display: none; display: none;
}
.modal.data-container,
.modal.info-container {
top: 50px;
left: 495px;
max-width: -moz-calc(100% - 535px); max-width: -moz-calc(100% - 535px);
max-width: -webkit-calc(100% - 535px); max-width: -webkit-calc(100% - 535px);
max-width: calc(100% - 535px); max-width: calc(100% - 535px);
...@@ -870,9 +872,16 @@ a.tag-link { ...@@ -870,9 +872,16 @@ a.tag-link {
height: -webkit-calc(100% - 215px); height: -webkit-calc(100% - 215px);
height: calc(100% - 215px); height: calc(100% - 215px);
} }
.modal.jstree-container {
padding-top: 30px;
top: 10%;
left: 25%;
width: 50%;
height: 70%;
}
.data-msg, .data-msg,
.info-msg { .info-msg {
overflow-x: hidden; overflow-x: auto;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
...@@ -1418,10 +1427,12 @@ h3 .uid { ...@@ -1418,10 +1427,12 @@ h3 .uid {
display: inline-block; display: inline-block;
} }
.db_footer { .db_footer {
display: inline-block; display: block;
position: absolute; position: absolute;
bottom: 5px; bottom: 5px;
left: 0px; left: 0px;
width: 100%;
background: white;
} }
.db_block_left { .db_block_left {
float: left; float: left;
...@@ -1632,10 +1643,10 @@ h3 .uid { ...@@ -1632,10 +1643,10 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #dff0d8; background: #DFF0D8;
border-color: #cccccc; border-color: #cccccc;
} }
.tip_img { #tip_img {
margin: 20px auto; margin: 20px auto;
display: block; display: block;
border: grey solid 1px; border: grey solid 1px;
...@@ -1659,11 +1670,9 @@ h3 .uid { ...@@ -1659,11 +1670,9 @@ h3 .uid {
} }
.right { .right {
float: right; float: right;
clear: both;
} }
.left { .left {
float: left; float: left;
clear: both;
} }
select > option:hover { select > option:hover {
background-color: #cccccc; background-color: #cccccc;
...@@ -1942,9 +1951,14 @@ label.highlight_label { ...@@ -1942,9 +1951,14 @@ label.highlight_label {
.db_table td.pre-line { .db_table td.pre-line {
white-space: pre-line; white-space: pre-line;
} }
#jstree { .jstree {
max-height: 300px; height: 90%;
width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: auto;
}
.jstree_button {
float: right;
} }
.jstree-anchor { .jstree-anchor {
max-width: 200px; max-width: 200px;
...@@ -1966,6 +1980,69 @@ label.highlight_label { ...@@ -1966,6 +1980,69 @@ label.highlight_label {
.widestBox { .widestBox {
min-width: 52px; min-width: 52px;
} }
.set_token {
border-radius: 5px;
padding: 3px;
margin: 3px;
color: #000;
font-size: 85%;
display: inline-block;
background-color: #eee;
}
.run_token {
background-color: #ffadad;
}
.generic_token {
background-color: #adccff;
}
.patient_token {
background-color: #adffae;
}
.token_container {
display: inline-block;
}
.token_input,
.token_input:focus {
border: 0;
box-shadow: none;
width: 100px;
height: 25px;
}
.file_fieldset {
clear: right;
width: -moz-available;
}
form label {
display: inline-block;
text-align: right;
}
form div.field_div {
float: left;
display: inline-block;
}
form .form_label {
line-height: 33px;
width: 70px;
}
.error {
font-weight: bold;
color: red;
}
.icon-cancel {
cursor: pointer;
}
.inline {
display: inline-block;
}
.hidden {
display: none;
}
#fieldset_container :not(.set_token) > .icon-cancel {
float: right;
}
.buttons_add_elements {
margin: 1em 0;
}
/* atwho css */ /* atwho css */
.atwho-view { .atwho-view {
position: absolute; position: absolute;
...@@ -2008,13 +2085,19 @@ label.highlight_label { ...@@ -2008,13 +2085,19 @@ label.highlight_label {
.atwho-view .cur small { .atwho-view .cur small {
color: white; color: white;
} }
.atwho-view strong {
color: #3366FF;
}
.atwho-view .cur strong { .atwho-view .cur strong {
color: white; color: white;
font: bold; font: bold;
} }
.atwho-view .cur.patient_li strong,
.atwho-view .cur.generic_li strong,
.atwho-view .cur.run_li strong {
color: black;
font: bold;
}
.atwho-view strong {
color: #3366FF;
}
.atwho-view ul { .atwho-view ul {
/* width: 100px; */ /* width: 100px; */
list-style: none; list-style: none;
...@@ -2030,8 +2113,62 @@ label.highlight_label { ...@@ -2030,8 +2113,62 @@ label.highlight_label {
cursor: pointer; cursor: pointer;
/* border-top: 1px solid #C8C8C8; */ /* border-top: 1px solid #C8C8C8; */
} }
.atwho-view ul li.patient_li:before {
font-size: 80%;
content: 'patient';
}
.atwho-view ul li.run_li:before {
font-size: 80%;
content: 'run';
}
.atwho-view ul li.generic_li:before {
font-size: 80%;
content: 'set';
}
.atwho-view ul li span.autocomplete_li {
display: none;
}
.atwho-view small { .atwho-view small {
font-size: smaller; font-size: smaller;
color: #777; color: #777;
font-weight: normal; font-weight: normal;
} }
.form-control {
padding: 3px 6px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition-property: border-color, box-shadow;
transition-duration: 0.15s, 0.15s;
transition-timing-function: ease-in-out, ease-in-out;
transition-delay: 0s, 0s;
display: inline-block;
min-width: 200px;
vertical-align: middle;
margin: 0;
height: 25px;
}
.form-control:invalid {
border: 1px solid red;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075);
}
.form-control[type="file"],
.form-control.jstree_field {
border: 0px;
border-radius: unset;
box-shadow: unset;
cursor: pointer;
width: 234px;
}
.form-control.date {
min-width: 60px;
width: 60px;
}
[hidden] {
display: none !important;
}
...@@ -333,6 +333,7 @@ line { ...@@ -333,6 +333,7 @@ line {
font-weight: bold; font-weight: bold;
text-anchor: middle; text-anchor: middle;
dominant-baseline: middle; dominant-baseline: middle;
cursor: pointer;
} }
.sp_legend2 { .sp_legend2 {
fill: #657b83; fill: #657b83;
...@@ -359,6 +360,7 @@ line { ...@@ -359,6 +360,7 @@ line {
fill: #657b83; fill: #657b83;
font-weight: bold; font-weight: bold;
text-anchor: left; text-anchor: left;
cursor: pointer;
} }
.sp_legend_focus { .sp_legend_focus {
fill: #002b36; fill: #002b36;
...@@ -850,17 +852,19 @@ a.tag-link { ...@@ -850,17 +852,19 @@ a.tag-link {
text-decoration: none; text-decoration: none;
} }
/* ----------------- */ /* ----------------- */
.data-container, .modal {
.info-container {
z-index: 3; z-index: 3;
border: solid; border: solid;