Commit 9940a636 authored by marc duez's avatar marc duez Committed by Mathieu Giraud
Browse files

info.js : use unchecked css clas instead of inactive to keep pointer events

parent 338bd5d4
......@@ -126,7 +126,7 @@ ul {
overflow: hidden;
}
.vidjil-panels-left {
width: calc(100% - 6px - 70px);
width: calc(100% - -64px);
}
.vidjil-panels-full {
width: calc(100% - 6px);
......@@ -137,7 +137,7 @@ ul {
flex: 1 1 auto;
top: 32px;
bottom: 155px;
width: calc(100% - 6px + 6px);
width: calc(100% - 12px);
overflow: hidden;
background: #000000;
margin: 6px 0px 0px 0px;
......@@ -250,12 +250,12 @@ line {
}
.axis_m {
stroke: #839496;
opacity: 0.5;
opacity: 0.5 ;
stroke-width: 20px;
}
.axis_m_other {
stroke: #839496;
opacity: 0.25;
opacity: 0.25 ;
stroke-width: 10px;
display: none;
}
......@@ -343,7 +343,7 @@ line {
.circle {
cursor: pointer;
-webkit-transition: fill 0.2s;
-o-transition: fill 0.2s;
-o-transition: fill 0.2s;
-ms-transition: fill 0.2s;
transition: fill 0.2s;
fill: #839496;
......@@ -481,7 +481,7 @@ line {
font-size: 13px;
cursor: pointer;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
padding: 1px 4px 4px 1px;
......@@ -809,7 +809,7 @@ a.tag-link {
.modal.info-container {
top: 50px;
left: 495px;
max-width: calc(100% - (475px + 60px));
max-width: calc(100% - 535px);
height: calc(100% - 215px);
}
.modal.jstree-container {
......@@ -901,7 +901,7 @@ span.logo {
font-size: 60% ;
font-weight: bold;
vertical-align: super;
opacity: 0.8;
opacity: .8;
color: #f88;
}
.devel-mode,
......@@ -912,7 +912,7 @@ span.logo {
position: relative;
text-align: center;
float: left;
width: calc(100% - (475px + 350px + 300px + 50));
width: calc(100% - 1175px);
overflow: hidden;
height: 1.1em;
}
......@@ -927,7 +927,7 @@ span.logo {
min-width: 150px;
margin-left: -6px;
border-top: none;
margin-top: calc(32px - 24px);
margin-top: calc(8px);
z-index: 5;
overflow: hidden;
}
......@@ -1075,7 +1075,7 @@ text.alert {
fill: red;
}
span.warningReads {
margin-left: 0.5em;
margin-left: .5em;
display: inline-block;
width: 1em;
text-align: center;
......@@ -1376,7 +1376,7 @@ h3 .uid {
#db_table_container {
overflow-y: scroll;
overflow-x: hidden;
height: calc(100% - 30px);
height: calc(70%);
position: relative;
}
#db_fixed_header {
......@@ -1515,18 +1515,18 @@ h3 .uid {
.flash_1,
.log_1 {
font-weight: bold;
background-color: #DFF0D8;
background-color: #dff0d8;
}
.flash_2,
.log_2 {
font-weight: bold;
background-color: #F2DEAE;
background-color: #f2deae;
}
.flash_3,
.log_3 {
font-weight: bold;
border-color: darkred;
background-color: #F2DEDE;
background-color: #f2dede;
}
.tip_1 {
width: 400px;
......@@ -1536,7 +1536,7 @@ h3 .uid {
border-radius: 5px;
padding: 5px;
margin: 5px;
background: #DFF0D8;
background: #dff0d8;
border-color: #333333;
}
#tip_img {
......@@ -1572,6 +1572,9 @@ select > option:hover {
opacity: 0.5;
pointer-events: none;
}
.unchecked {
opacity: 0.5;
}
.suggest_box {
height: 0px;
display: block;
......@@ -1663,7 +1666,7 @@ table.log textarea {
flex-grow: 1;
}
.tagColor0 {
background: #DC322F;
background: #dc322f;
}
.tagColor1 {
background: #cb4b16;
......@@ -1707,12 +1710,12 @@ table.log textarea {
border: 2px solid #8b0000;
margin: 3px;
font-weight: bold;
background-color: #F2DEDE;
background-color: #f2dede;
}
.info_message {
border: 1px solid #333333;
margin: 4px;
background-color: #DFF0D8;
background-color: #dff0d8;
}
.notification {
padding: 3px;
......@@ -2268,13 +2271,13 @@ form .form_label {
bottom: 1px;
}
.highlight_seq {
top: 0.9em;
top: .9em;
padding-bottom: 1px;
opacity: 0.6;
font-size: 70%;
letter-spacing: 0.428em;
letter-spacing: .428em;
/* (1-.7) / .7 */
left: 0.214em;
left: .214em;
}
.highlight {
display: inline-block;
......@@ -2340,7 +2343,7 @@ span .end-codon {
}
.aligner-menu:hover {
cursor: pointer;
background-color: #ddd;
background-color: #dddddd;
}
.aligner-button {
cursor: pointer;
......@@ -2365,7 +2368,7 @@ span .end-codon {
display: block;
}
.menu-content a:hover {
background-color: #ddd;
background-color: #dddddd;
}
.seq_layer {
position: absolute;
......
......@@ -126,7 +126,7 @@ ul {
overflow: hidden;
}
.vidjil-panels-left {
width: calc(100% - 6px - 70px);
width: calc(100% - -64px);
}
.vidjil-panels-full {
width: calc(100% - 6px);
......@@ -137,7 +137,7 @@ ul {
flex: 1 1 auto;
top: 32px;
bottom: 155px;
width: calc(100% - 6px + 6px);
width: calc(100% - 12px);
overflow: hidden;
background: #ffffff;
margin: 6px 0px 0px 0px;
......@@ -250,12 +250,12 @@ line {
}
.axis_m {
stroke: #657b83;
opacity: 0.5;
opacity: 0.5 ;
stroke-width: 20px;
}
.axis_m_other {
stroke: #657b83;
opacity: 0.25;
opacity: 0.25 ;
stroke-width: 10px;
display: none;
}
......@@ -343,7 +343,7 @@ line {
.circle {
cursor: pointer;
-webkit-transition: fill 0.2s;
-o-transition: fill 0.2s;
-o-transition: fill 0.2s;
-ms-transition: fill 0.2s;
transition: fill 0.2s;
fill: #657b83;
......@@ -481,7 +481,7 @@ line {
font-size: 13px;
cursor: pointer;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
padding: 1px 4px 4px 1px;
......@@ -733,7 +733,7 @@ line {
transition-delay: 0s, 0s;
}
#add_clone_menu > #addclone_input.error {
border: 1px solid darkred;
border: 1px solid #8b0000;
}
#menu_right_part {
float: right;
......@@ -809,7 +809,7 @@ a.tag-link {
.modal.info-container {
top: 50px;
left: 495px;
max-width: calc(100% - (475px + 60px));
max-width: calc(100% - 535px);
height: calc(100% - 215px);
}
.modal.jstree-container {
......@@ -901,7 +901,7 @@ span.logo {
font-size: 60% ;
font-weight: bold;
vertical-align: super;
opacity: 0.8;
opacity: .8;
color: #f88;
}
.devel-mode,
......@@ -912,7 +912,7 @@ span.logo {
position: relative;
text-align: center;
float: left;
width: calc(100% - (475px + 350px + 300px + 50));
width: calc(100% - 1175px);
overflow: hidden;
height: 1.1em;
}
......@@ -927,7 +927,7 @@ span.logo {
min-width: 150px;
margin-left: -6px;
border-top: none;
margin-top: calc(32px - 24px);
margin-top: calc(8px);
z-index: 5;
overflow: hidden;
}
......@@ -1075,7 +1075,7 @@ text.alert {
fill: red;
}
span.warningReads {
margin-left: 0.5em;
margin-left: .5em;
display: inline-block;
width: 1em;
text-align: center;
......@@ -1376,7 +1376,7 @@ h3 .uid {
#db_table_container {
overflow-y: scroll;
overflow-x: hidden;
height: calc(100% - 30px);
height: calc(70%);
position: relative;
}
#db_fixed_header {
......@@ -1515,18 +1515,18 @@ h3 .uid {
.flash_1,
.log_1 {
font-weight: bold;
background-color: #DFF0D8;
background-color: #dff0d8;
}
.flash_2,
.log_2 {
font-weight: bold;
background-color: #F2DEAE;
background-color: #f2deae;
}
.flash_3,
.log_3 {
font-weight: bold;
border-color: darkred;
background-color: #F2DEDE;
background-color: #f2dede;
}
.tip_1 {
width: 400px;
......@@ -1536,7 +1536,7 @@ h3 .uid {
border-radius: 5px;
padding: 5px;
margin: 5px;
background: #DFF0D8;
background: #dff0d8;
border-color: #cccccc;
}
#tip_img {
......@@ -1572,6 +1572,9 @@ select > option:hover {
opacity: 0.5;
pointer-events: none;
}
.unchecked {
opacity: 0.5;
}
.suggest_box {
height: 0px;
display: block;
......@@ -1663,7 +1666,7 @@ table.log textarea {
flex-grow: 1;
}
.tagColor0 {
background: #DC322F;
background: #dc322f;
}
.tagColor1 {
background: #cb4b16;
......@@ -1704,15 +1707,15 @@ table.log textarea {
text-align: center;
}
.urgent_message {
border: 2px solid darkred;
border: 2px solid #8b0000;
margin: 3px;
font-weight: bold;
background-color: #F2DEDE;
background-color: #f2dede;
}
.info_message {
border: 1px solid #cccccc;
margin: 4px;
background-color: #DFF0D8;
background-color: #dff0d8;
}
.notification {
padding: 3px;
......@@ -2268,13 +2271,13 @@ form .form_label {
bottom: 1px;
}
.highlight_seq {
top: 0.9em;
top: .9em;
padding-bottom: 1px;
opacity: 0.6;
font-size: 70%;
letter-spacing: 0.428em;
letter-spacing: .428em;
/* (1-.7) / .7 */
left: 0.214em;
left: .214em;
}
.highlight {
display: inline-block;
......@@ -2340,7 +2343,7 @@ span .end-codon {
}
.aligner-menu:hover {
cursor: pointer;
background-color: #ddd;
background-color: #dddddd;
}
.aligner-button {
cursor: pointer;
......@@ -2365,7 +2368,7 @@ span .end-codon {
display: block;
}
.menu-content a:hover {
background-color: #ddd;
background-color: #dddddd;
}
.seq_layer {
position: absolute;
......
......@@ -126,7 +126,7 @@ ul {
overflow: hidden;
}
.vidjil-panels-left {
width: calc(100% - 6px - 70px);
width: calc(100% - -64px);
}
.vidjil-panels-full {
width: calc(100% - 6px);
......@@ -137,7 +137,7 @@ ul {
flex: 1 1 auto;
top: 32px;
bottom: 155px;
width: calc(100% - 6px + 6px);
width: calc(100% - 12px);
overflow: hidden;
background: #ffffff;
margin: 6px 0px 0px 0px;
......@@ -250,12 +250,12 @@ line {
}
.axis_m {
stroke: #657b83;
opacity: 0.5;
opacity: 0.5 ;
stroke-width: 20px;
}
.axis_m_other {
stroke: #657b83;
opacity: 0.25;
opacity: 0.25 ;
stroke-width: 10px;
display: none;
}
......@@ -343,7 +343,7 @@ line {
.circle {
cursor: pointer;
-webkit-transition: fill 0.2s;
-o-transition: fill 0.2s;
-o-transition: fill 0.2s;
-ms-transition: fill 0.2s;
transition: fill 0.2s;
fill: #657b83;
......@@ -481,7 +481,7 @@ line {
font-size: 13px;
cursor: pointer;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
padding: 1px 4px 4px 1px;
......@@ -733,7 +733,7 @@ line {
transition-delay: 0s, 0s;
}
#add_clone_menu > #addclone_input.error {
border: 1px solid darkred;
border: 1px solid #8b0000;
}
#menu_right_part {
float: right;
......@@ -809,7 +809,7 @@ a.tag-link {
.modal.info-container {
top: 50px;
left: 495px;
max-width: calc(100% - (475px + 60px));
max-width: calc(100% - 535px);
height: calc(100% - 215px);
}
.modal.jstree-container {
......@@ -901,7 +901,7 @@ span.logo {
font-size: 60% ;
font-weight: bold;
vertical-align: super;
opacity: 0.8;
opacity: .8;
color: #f88;
}
.devel-mode,
......@@ -912,7 +912,7 @@ span.logo {
position: relative;
text-align: center;
float: left;
width: calc(100% - (475px + 350px + 300px + 50));
width: calc(100% - 1175px);
overflow: hidden;
height: 1.1em;
}
......@@ -927,7 +927,7 @@ span.logo {
min-width: 150px;
margin-left: -6px;
border-top: none;
margin-top: calc(32px - 24px);
margin-top: calc(8px);
z-index: 5;
overflow: hidden;
}
......@@ -1075,7 +1075,7 @@ text.alert {
fill: red;
}
span.warningReads {
margin-left: 0.5em;
margin-left: .5em;
display: inline-block;
width: 1em;
text-align: center;
......@@ -1376,7 +1376,7 @@ h3 .uid {
#db_table_container {
overflow-y: scroll;
overflow-x: hidden;
height: calc(100% - 30px);
height: calc(70%);
position: relative;
}
#db_fixed_header {
......@@ -1515,18 +1515,18 @@ h3 .uid {
.flash_1,
.log_1 {
font-weight: bold;
background-color: #DFF0D8;
background-color: #dff0d8;
}
.flash_2,
.log_2 {
font-weight: bold;
background-color: #F2DEAE;
background-color: #f2deae;
}
.flash_3,
.log_3 {
font-weight: bold;
border-color: darkred;
background-color: #F2DEDE;
background-color: #f2dede;
}
.tip_1 {
width: 400px;
......@@ -1536,7 +1536,7 @@ h3 .uid {
border-radius: 5px;
padding: 5px;
margin: 5px;
background: #DFF0D8;
background: #dff0d8;
border-color: #cccccc;
}
#tip_img {
......@@ -1572,6 +1572,9 @@ select > option:hover {
opacity: 0.5;
pointer-events: none;
}
.unchecked {
opacity: 0.5;
}
.suggest_box {
height: 0px;
display: block;
......@@ -1663,7 +1666,7 @@ table.log textarea {
flex-grow: 1;
}
.tagColor0 {
background: #DC322F;
background: #dc322f;
}
.tagColor1 {
background: #cb4b16;
......@@ -1704,15 +1707,15 @@ table.log textarea {
text-align: center;
}
.urgent_message {
border: 2px solid darkred;
border: 2px solid #8b0000;
margin: 3px;
font-weight: bold;
background-color: #F2DEDE;
background-color: #f2dede;
}
.info_message {
border: 1px solid #cccccc;
margin: 4px;
background-color: #DFF0D8;
background-color: #dff0d8;
}
.notification {
padding: 3px;
......@@ -2268,13 +2271,13 @@ form .form_label {
bottom: 1px;
}
.highlight_seq {
top: 0.9em;
top: .9em;
padding-bottom: 1px;
opacity: 0.6;
font-size: 70%;
letter-spacing: 0.428em;
letter-spacing: .428em;
/* (1-.7) / .7 */
left: 0.214em;
left: .214em;
}
.highlight {
display: inline-block;
......@@ -2340,7 +2343,7 @@ span .end-codon {
}
.aligner-menu:hover {
cursor: pointer;
background-color: #ddd;
background-color: #dddddd;
}
.aligner-button {
cursor: pointer;
......@@ -2365,7 +2368,7 @@ span .end-codon {
display: block;
}
.menu-content a:hover {
background-color: #ddd;
background-color: #dddddd;
}
.seq_layer {
position: absolute;
......
......@@ -6,7 +6,7 @@
top: 32px;
right: 0;
width: unset;
background-color: #FFFFFF;
background-color: #ffffff;
margin: 6px 0 0 0;
}
#vmi-menu div {
......@@ -67,13 +67,13 @@ ul {
user-select: none;
width: 100%;
overflow: hidden;
background: #FFFFFF;
background: #ffffff;
}
#top-container {
flex: 0 1 auto;
height: 32px;
width: 100%;
background: #FFFFFF;
background: #ffffff;
}
#top-container.alert {
background: yellow;
......@@ -96,7 +96,7 @@ ul {
#upload_summary {