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 {
text-decoration: none;
}
/* ----------------- */
.data-container,
.info-container {
.modal {
z-index: 3;
border: solid;
position: fixed;
top: 50px;
left: 495px;
font-size: 13px;
padding: 10px;
background: #000000;
display: none;
}
.modal.data-container,
.modal.info-container {
top: 50px;
left: 495px;
max-width: -moz-calc(100% - 535px);
max-width: -webkit-calc(100% - 535px);
max-width: calc(100% - 535px);
......@@ -870,9 +872,16 @@ a.tag-link {
height: -webkit-calc(100% - 215px);
height: calc(100% - 215px);
}
.modal.jstree-container {
padding-top: 30px;
top: 10%;
left: 25%;
width: 50%;
height: 70%;
}
.data-msg,
.info-msg {
overflow-x: hidden;
overflow-x: auto;
height: 100%;
width: 100%;
}
......@@ -1418,10 +1427,12 @@ h3 .uid {
display: inline-block;
}
.db_footer {
display: inline-block;
display: block;
position: absolute;
bottom: 5px;
left: 0px;
width: 100%;
background: white;
}
.db_block_left {
float: left;
......@@ -1632,10 +1643,10 @@ h3 .uid {
border-radius: 5px;
padding: 5px;
margin: 5px;
background: #dff0d8;
background: #DFF0D8;
border-color: #333333;
}
.tip_img {
#tip_img {
margin: 20px auto;
display: block;
border: grey solid 1px;
......@@ -1659,11 +1670,9 @@ h3 .uid {
}
.right {
float: right;
clear: both;
}
.left {
float: left;
clear: both;
}
select > option:hover {
background-color: #333333;
......@@ -1942,9 +1951,14 @@ label.highlight_label {
.db_table td.pre-line {
white-space: pre-line;
}
#jstree {
max-height: 300px;
.jstree {
height: 90%;
width: 100%;
overflow-y: auto;
overflow-x: auto;
}
.jstree_button {
float: right;
}
.jstree-anchor {
max-width: 200px;
......@@ -1966,6 +1980,69 @@ label.highlight_label {
.widestBox {
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-view {
position: absolute;
......@@ -2008,13 +2085,19 @@ label.highlight_label {
.atwho-view .cur small {
color: white;
}
.atwho-view strong {
color: #3366FF;
}
.atwho-view .cur strong {
color: white;
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 {
/* width: 100px; */
list-style: none;
......@@ -2030,8 +2113,62 @@ label.highlight_label {
cursor: pointer;
/* 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 {
font-size: smaller;
color: #777;
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 {
text-decoration: none;
}
/* ----------------- */
.data-container,
.info-container {
.modal {
z-index: 3;
border: solid;
position: fixed;
top: 50px;
left: 495px;
font-size: 13px;
padding: 10px;
background: #ffffff;
display: none;
}
.modal.data-container,
.modal.info-container {
top: 50px;
left: 495px;
max-width: -moz-calc(100% - 535px);
max-width: -webkit-calc(100% - 535px);
max-width: calc(100% - 535px);
......@@ -870,9 +872,16 @@ a.tag-link {
height: -webkit-calc(100% - 215px);
height: calc(100% - 215px);
}
.modal.jstree-container {
padding-top: 30px;
top: 10%;
left: 25%;
width: 50%;
height: 70%;
}
.data-msg,
.info-msg {
overflow-x: hidden;
overflow-x: auto;
height: 100%;
width: 100%;
}
......@@ -1418,10 +1427,12 @@ h3 .uid {
display: inline-block;
}
.db_footer {
display: inline-block;
display: block;
position: absolute;
bottom: 5px;
left: 0px;
width: 100%;
background: white;
}
.db_block_left {
float: left;
......@@ -1632,10 +1643,10 @@ h3 .uid {
border-radius: 5px;
padding: 5px;
margin: 5px;
background: #dff0d8;
background: #DFF0D8;
border-color: #cccccc;
}
.tip_img {
#tip_img {
margin: 20px auto;
display: block;
border: grey solid 1px;
......@@ -1659,11 +1670,9 @@ h3 .uid {
}
.right {
float: right;
clear: both;
}
.left {
float: left;
clear: both;
}
select > option:hover {
background-color: #cccccc;
......@@ -1942,9 +1951,14 @@ label.highlight_label {
.db_table td.pre-line {
white-space: pre-line;
}
#jstree {
max-height: 300px;
.jstree {
height: 90%;
width: 100%;
overflow-y: auto;
overflow-x: auto;
}
.jstree_button {
float: right;
}
.jstree-anchor {
max-width: 200px;
......@@ -1966,6 +1980,69 @@ label.highlight_label {
.widestBox {
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-view {
position: absolute;
......@@ -2008,13 +2085,19 @@ label.highlight_label {
.atwho-view .cur small {
color: white;
}
.atwho-view strong {
color: #3366FF;
}
.atwho-view .cur strong {
color: white;
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 {
/* width: 100px; */
list-style: none;
......@@ -2030,8 +2113,62 @@ label.highlight_label {
cursor: pointer;
/* 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 {
font-size: smaller;
color: #777;
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 {
font-weight: bold;
text-anchor: middle;
dominant-baseline: middle;
cursor: pointer;
}
.sp_legend2 {
fill: #657b83;
......@@ -359,6 +360,7 @@ line {
fill: #657b83;
font-weight: bold;
text-anchor: left;
cursor: pointer;
}
.sp_legend_focus {
fill: #002b36;
......@@ -850,17 +852,19 @@ a.tag-link {
text-decoration: none;
}
/* ----------------- */
.data-container,
.info-container {
.modal {
z-index: 3;
border: solid;
position: fixed;
top: 50px;
left: 495px;
font-size: 13px;
padding: 10px;
background: #ffffff;
display: none;
}
.modal.data-container,
.modal.info-container {
top: 50px;
left: 495px;
max-width: -moz-calc(100% - 535px);
max-width: -webkit-calc(100% - 535px);
max-width: calc(100% - 535px);
......@@ -868,9 +872,16 @@ a.tag-link {
height: -webkit-calc(100% - 215px);
height: calc(100% - 215px);
}
.modal.jstree-container {
padding-top: 30px;
top: 10%;
left: 25%;
width: 50%;
height: 70%;
}
.data-msg,
.info-msg {
overflow-x: hidden;
overflow-x: auto;
height: 100%;
width: 100%;
}
......@@ -1416,10 +1427,12 @@ h3 .uid {
display: inline-block;
}
.db_footer {
display: inline-block;
display: block;
position: absolute;
bottom: 5px;
left: 0px;
width: 100%;
background: white;
}
.db_block_left {
float: left;
......@@ -1630,10 +1643,10 @@ h3 .uid {
border-radius: 5px;
padding: 5px;
margin: 5px;
background: #dff0d8;
background: #DFF0D8;
border-color: #cccccc;
}
.tip_img {
#tip_img {
margin: 20px auto;
display: block;
border: grey solid 1px;
......@@ -1657,11 +1670,9 @@ h3 .uid {
}
.right {
float: right;
clear: both;
}
.left {
float: left;
clear: both;
}
select > option:hover {
background-color: #cccccc;
......@@ -1940,9 +1951,14 @@ label.highlight_label {
.db_table td.pre-line {
white-space: pre-line;
}
#jstree {
max-height: 300px;
.jstree {
height: 90%;
width: 100%;
overflow-y: auto;
overflow-x: auto;
}
.jstree_button {
float: right;
}
.jstree-anchor {
max-width: 200px;
......@@ -1964,6 +1980,69 @@ label.highlight_label {
.widestBox {
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;