Skip to content

P
purescript-gargantext
Commit 8d344b76 authored by Alexandre Delanoë's avatar Alexandre Delanoë
Browse files
Options

Merge branch '360-dev-css-cleaning-rc0.x' of... 

Merge branch '360-dev-css-cleaning-rc0.x' of ssh://gitlab.iscpif.fr:20022/gargantext/purescript-gargantext into dev
parents f7db6f60 41df58b6
Expand all Show whitespace changes
Inline Side-by-side
Showing with 466 additions and 534 deletions
dist/styles/sass.css
View file @ 8d344b76
...@@ -1265,25 +1265,33 @@ select.form-control { ...@@ -1265,25 +1265,33 @@ select.form-control {
} }
/* classes */ /* classes */
/* ---------- icons ---------- */ .phylo {
a { /* ---------- icons ---------- */
/* ---------- fonts ---------- */
/* ---------- input ---------- */
/* ---------- axis ---------- */
/* ---------- group ---------- */
/* ---------- labels ---------- */
/* ---------- phylo ---------- */
/* elements */
/* axis */
/* isoline */
}
.phylo a {
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
} }
.phylo .how {
.how {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.phylo .tooltip {
.tooltip {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 14px; font-size: 14px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
.phylo i.how span {
i.how span {
position: absolute; position: absolute;
width: 300px; width: 300px;
color: #FFFFFF; color: #FFFFFF;
...@@ -1294,8 +1302,7 @@ i.how span { ...@@ -1294,8 +1302,7 @@ i.how span {
visibility: hidden; visibility: hidden;
border-radius: 6px; border-radius: 6px;
} }
.phylo i.how span:after {
i.how span:after {
content: ""; content: "";
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -1307,8 +1314,7 @@ i.how span:after { ...@@ -1307,8 +1314,7 @@ i.how span:after {
border-top: 8px solid transparent; border-top: 8px solid transparent;
border-bottom: 8px solid transparent; border-bottom: 8px solid transparent;
} }
.phylo i.how:hover span {
i.how:hover span {
visibility: visible; visibility: visible;
left: 100%; left: 100%;
top: 50%; top: 50%;
...@@ -1316,285 +1322,221 @@ i.how:hover span { ...@@ -1316,285 +1322,221 @@ i.how:hover span {
margin-left: 15px; margin-left: 15px;
z-index: 999; z-index: 999;
} }
.phylo .switch > .far + .fa,
.switch > .far + .fa, .phylo .switch:hover > .far {
.switch:hover > .far {
display: none; display: none;
} }
.phylo .switch:hover > .far + .fa {
.switch:hover > .far + .fa {
display: inherit; display: inherit;
color: #0d1824; color: #0d1824;
} }
.phylo .font-bold {
/* ---------- fonts ---------- */
.font-bold {
font-family: "Inter-Bold"; font-family: "Inter-Bold";
text-transform: uppercase; text-transform: uppercase;
} }
.phylo .font-small {
.font-small {
color: #0d1824; color: #0d1824;
font-size: 12px; font-size: 12px;
} }
.phylo .header {
.header {
/*font-weight: bold;*/ /*font-weight: bold;*/
/*text-transform: uppercase;*/ /*text-transform: uppercase;*/
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
} }
.phylo .header:hover {
.header:hover {
font-weight: bold; font-weight: bold;
} }
.phylo .button {
/* ---------- input ---------- */
.button {
background-color: white; background-color: white;
border: 1.5px solid #0d1824; border: 1.5px solid #0d1824;
cursor: pointer; cursor: pointer;
} }
.phylo .button:hover {
.button:hover {
background-color: #0d1824; background-color: #0d1824;
color: white; color: white;
} }
.phylo .btn-group button {
.btn-group button {
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
display: block; display: block;
width: 40px; width: 40px;
} }
.phylo .draw {
.draw {
display: none; display: none;
} }
.phylo .phylo-focus {
.phylo-focus {
fill: #f8381f; fill: #f8381f;
color: #f8381f; color: #f8381f;
} }
.phylo .reset {
.reset {
visibility: hidden; visibility: hidden;
} }
.phylo .label {
.label {
visibility: hidden; visibility: hidden;
} }
.phylo .heading {
.heading {
visibility: hidden; visibility: hidden;
} }
.phylo .export {
.export {
visibility: hidden; visibility: hidden;
} }
.phylo .headed {
.headed {
background-color: #0d1824; background-color: #0d1824;
color: white; color: white;
} }
.phylo .labeled {
.labeled {
background-color: #0d1824; background-color: #0d1824;
color: white; color: white;
} }
.phylo .input-file {
.input-file {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }
.phylo .input-file:hover {
.input-file:hover {
border-bottom: 1.5px solid #0d1824; border-bottom: 1.5px solid #0d1824;
} }
.phylo .input-name {
.input-name {
font-style: italic; font-style: italic;
opacity: 0.7; opacity: 0.7;
font-size: 14px; font-size: 14px;
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
} }
.phylo .x-axis path {
/* ---------- axis ---------- */
.x-axis path {
stroke: #EBE4DD; stroke: #EBE4DD;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.phylo .y-axis path {
.y-axis path {
stroke: #EBE4DD; stroke: #EBE4DD;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.phylo .y-highlight {
.y-highlight {
stroke: #f3be54; stroke: #f3be54;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.phylo .x-mark {
.x-mark {
fill: #4A5C70; fill: #4A5C70;
stroke-width: 1px; stroke-width: 1px;
stroke: #fff; stroke: #fff;
} }
.phylo .x-mark-over {
.x-mark-over {
fill: #f3be54; fill: #f3be54;
} }
.phylo .x-mark-focus {
.x-mark-focus {
fill: #f8381f; fill: #f8381f;
} }
.phylo .tick text {
.tick text {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
} }
.phylo .tick text:hover {
.tick text:hover {
cursor: pointer; cursor: pointer;
} }
.phylo .y-label {
.y-label {
font-size: 10px; font-size: 10px;
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-weight: normal; font-weight: normal;
} }
.phylo .y-label-bold {
.y-label-bold {
font-size: 12px; font-size: 12px;
font-family: "Inter-Bold"; font-family: "Inter-Bold";
font-weight: bold; font-weight: bold;
} }
.phylo .y-mark-year-inner {
.y-mark-year-inner {
fill: #4A5C70; fill: #4A5C70;
} }
.phylo .y-mark-year-inner-highlight {
.y-mark-year-inner-highlight {
fill: #f3be54; fill: #f3be54;
} }
.phylo .y-mark-year-outer {
.y-mark-year-outer {
fill: #fff; fill: #fff;
stroke: #4A5C70; stroke: #4A5C70;
stroke-width: 1px; stroke-width: 1px;
} }
.phylo .y-mark-year-outer-highlight {
.y-mark-year-outer-highlight {
fill: #fff; fill: #fff;
stroke: #f3be54; stroke: #f3be54;
stroke-width: 3px; stroke-width: 3px;
} }
.phylo .y-mark-month {
.y-mark-month {
fill: #4A5C70; fill: #4A5C70;
} }
.phylo .group-outer {
/* ---------- group ---------- */
.group-outer {
stroke-width: 0.8px; stroke-width: 0.8px;
stroke: #fff; stroke: #fff;
fill: #fff; fill: #fff;
} }
.phylo .group-inner {
.group-inner {
stroke-width: 0.8px; stroke-width: 0.8px;
stroke: #0d1824; stroke: #0d1824;
fill: #0d1824; fill: #0d1824;
/*cursor: pointer;*/ /*cursor: pointer;*/
z-index: 10; z-index: 10;
} }
.phylo .group-heading {
.group-heading {
fill: #fff; fill: #fff;
stroke: #B5B5B5; stroke: #B5B5B5;
} }
.phylo .group-focus {
.group-focus {
stroke: #f8381f; stroke: #f8381f;
} }
.phylo .source-focus {
.source-focus {
stroke: #67a9cf; stroke: #67a9cf;
} }
.phylo .group-unfocus {
.group-unfocus {
stroke: #A9A9A9; stroke: #A9A9A9;
} }
.phylo .group-path {
.group-path {
cursor: pointer; cursor: pointer;
} }
.phylo .ngrams {
/* ---------- labels ---------- */
.ngrams {
visibility: hidden; visibility: hidden;
} }
.phylo .term {
.term {
cursor: pointer; cursor: pointer;
} }
.phylo .term:hover {
.term:hover {
font-weight: bold; font-weight: bold;
fill: #f8381f; fill: #f8381f;
} }
.phylo .term-path {
.term-path {
fill: none; fill: none;
stroke: #F0684D; stroke: #F0684D;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.phylo .emerging {
.emerging {
/*text-decoration: underline #F0684D;*/ /*text-decoration: underline #F0684D;*/
/*fill:#5AA350;*/ /*fill:#5AA350;*/
/*fill: #5AA350;*/ /*fill: #5AA350;*/
fill: #F8381F; fill: #F8381F;
} }
.phylo .decreasing {
.decreasing {
/*text-decoration: underline #74B5FF;*/ /*text-decoration: underline #74B5FF;*/
fill: #11638F; fill: #11638F;
} }
.phylo .path-focus {
.path-focus {
fill: none; fill: none;
stroke: #F0684D; stroke: #F0684D;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.phylo .path-unfocus {
.path-unfocus {
stroke: #A9A9A9; stroke: #A9A9A9;
} }
.phylo .path-heading {
.path-heading {
stroke: #B5B5B5; stroke: #B5B5B5;
} }
.phylo .branch-hover {
/* ---------- phylo ---------- */
.branch-hover {
fill: #f3be54; fill: #f3be54;
opacity: 0.5; opacity: 0.5;
} }
.phylo #file-path {
/* elements */
#file-path {
display: none; display: none;
} }
.phylo .axisRight {
/* axis */
.axisRight {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 10px; font-size: 10px;
} }
.phylo .peak {
/* isoline */
.peak {
stroke: white; stroke: white;
stroke-width: 1px; stroke-width: 1px;
font-family: "Inter-Regular"; font-family: "Inter-Regular";
...@@ -1602,28 +1544,24 @@ i.how:hover span { ...@@ -1602,28 +1544,24 @@ i.how:hover span {
text-anchor: middle; text-anchor: middle;
visibility: visible; visibility: visible;
} }
.phylo .peak-over {
.peak-over {
font-size: 18px; font-size: 18px;
stroke-width: 2px; stroke-width: 2px;
cursor: pointer; cursor: pointer;
stroke: #f3be54; stroke: #f3be54;
z-index: 100; z-index: 100;
} }
.phylo .peak-focus {
.peak-focus {
font-size: 18px; font-size: 18px;
stroke-width: 2px; stroke-width: 2px;
stroke: #F0684D; stroke: #F0684D;
} }
.phylo .peak-focus-source {
.peak-focus-source {
font-size: 18px; font-size: 18px;
stroke-width: 2px; stroke-width: 2px;
stroke: #67a9cf; stroke: #67a9cf;
} }
.phylo .peak-label {
.peak-label {
text-align: center; text-align: center;
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 14px; font-size: 14px;
...@@ -1640,13 +1578,11 @@ i.how:hover span { ...@@ -1640,13 +1578,11 @@ i.how:hover span {
position: absolute; position: absolute;
visibility: hidden; visibility: hidden;
} }
.phylo .word-cloud {
.word-cloud {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 12px; font-size: 12px;
} }
.phylo .search {
.search {
margin-left: 10px; margin-left: 10px;
visibility: hidden; visibility: hidden;
position: absolute; position: absolute;
...@@ -1657,17 +1593,14 @@ i.how:hover span { ...@@ -1657,17 +1593,14 @@ i.how:hover span {
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #0d1824; border-color: #0d1824;
} }
.phylo .search-label {
.search-label {
visibility: hidden; visibility: hidden;
margin-left: 5px; margin-left: 5px;
} }
.phylo .search:focus {
.search:focus {
border-color: #F0684D; border-color: #F0684D;
} }
.phylo .autocomplete {
.autocomplete {
margin-left: 10px; margin-left: 10px;
visibility: hidden; visibility: hidden;
position: absolute; position: absolute;
...@@ -1678,18 +1611,15 @@ i.how:hover span { ...@@ -1678,18 +1611,15 @@ i.how:hover span {
z-index: 1; z-index: 1;
border: none; border: none;
} }
.phylo .loading {
.loading {
visibility: hidden; visibility: hidden;
} }
.phylo .phylo-name {
.phylo-name {
visibility: hidden; visibility: hidden;
text-transform: capitalize; text-transform: capitalize;
font-weight: bold; font-weight: bold;
} }
.phylo .select-source {
.select-source {
margin-left: 10px; margin-left: 10px;
display: none; display: none;
border: 1.5px solid #0d1824; border: 1.5px solid #0d1824;
...@@ -1702,8 +1632,7 @@ i.how:hover span { ...@@ -1702,8 +1632,7 @@ i.how:hover span {
box-shadow: none; box-shadow: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
.phylo option {
option {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
......
dist/styles/sass.css.map
View file @ 8d344b76
This diff is collapsed.
src/sass/_phylo.scss
View file @ 8d344b76
...@@ -133,27 +133,28 @@ ...@@ -133,27 +133,28 @@
/* classes */ /* classes */
.phylo {
/* ---------- icons ---------- */ /* ---------- icons ---------- */
a { a {
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
} }
.how { .how {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.tooltip { .tooltip {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 14px; font-size: 14px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
i.how span { i.how span {
position: absolute; position: absolute;
width:300px; width:300px;
color: #FFFFFF; color: #FFFFFF;
...@@ -163,9 +164,9 @@ i.how span { ...@@ -163,9 +164,9 @@ i.how span {
text-align: center; text-align: center;
visibility: hidden; visibility: hidden;
border-radius: 6px; border-radius: 6px;
} }
i.how span:after { i.how span:after {
content: ''; content: '';
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -175,345 +176,345 @@ i.how span:after { ...@@ -175,345 +176,345 @@ i.how span:after {
border-right: 8px solid #0d1824; border-right: 8px solid #0d1824;
border-top: 8px solid transparent; border-top: 8px solid transparent;
border-bottom: 8px solid transparent; border-bottom: 8px solid transparent;
} }
i.how:hover span { i.how:hover span {
visibility: visible; visibility: visible;
left: 100%; left: 100%;
top: 50%; top: 50%;
margin-top: -15px; margin-top: -15px;
margin-left: 15px; margin-left: 15px;
z-index: 999; z-index: 999;
} }
.switch > .far + .fa, .switch > .far + .fa,
.switch:hover > .far { .switch:hover > .far {
display: none; display: none;
} }
.switch:hover > .far + .fa { .switch:hover > .far + .fa {
display: inherit; display: inherit;
color: #0d1824; color: #0d1824;
} }
/* ---------- fonts ---------- */ /* ---------- fonts ---------- */
.font-bold { .font-bold {
font-family: "Inter-Bold"; font-family: "Inter-Bold";
text-transform: uppercase; text-transform: uppercase;
} }
.font-small { .font-small {
color: #0d1824; color: #0d1824;
font-size: 12px; font-size: 12px;
} }
.header { .header {
/*font-weight: bold;*/ /*font-weight: bold;*/
/*text-transform: uppercase;*/ /*text-transform: uppercase;*/
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
} }
.header:hover { .header:hover {
font-weight: bold; font-weight: bold;
} }
/* ---------- input ---------- */ /* ---------- input ---------- */
.button { .button {
background-color: white; background-color: white;
border: 1.5px solid #0d1824; border: 1.5px solid #0d1824;
cursor: pointer; cursor: pointer;
} }
.button:hover { .button:hover {
background-color: #0d1824; background-color: #0d1824;
color: white; color: white;
} }
.btn-group button{ .btn-group button{
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
display: block; display: block;
width: 40px; width: 40px;
} }
.draw { .draw {
display: none; display: none;
} }
.phylo-focus { .phylo-focus {
fill: #f8381f; fill: #f8381f;
color: #f8381f; color: #f8381f;
} }
.reset { .reset {
visibility: hidden; visibility: hidden;
} }
.label { .label {
visibility: hidden; visibility: hidden;
} }
.heading { .heading {
visibility: hidden; visibility: hidden;
} }
.export { .export {
visibility: hidden; visibility: hidden;
} }
.headed { .headed {
background-color: #0d1824; background-color: #0d1824;
color: white; color: white;
} }
.labeled { .labeled {
background-color: #0d1824; background-color: #0d1824;
color: white; color: white;
} }
.input-file { .input-file {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }
.input-file:hover { .input-file:hover {
border-bottom: 1.5px solid #0d1824; border-bottom: 1.5px solid #0d1824;
} }
.input-name { .input-name {
font-style: italic; font-style: italic;
opacity: 0.7; opacity: 0.7;
font-size: 14px; font-size: 14px;
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
} }
/* ---------- axis ---------- */ /* ---------- axis ---------- */
.x-axis path { .x-axis path {
stroke: #EBE4DD; stroke: #EBE4DD;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.y-axis path { .y-axis path {
stroke: #EBE4DD; stroke: #EBE4DD;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.y-highlight { .y-highlight {
stroke: #f3be54; stroke: #f3be54;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.x-mark { .x-mark {
fill: #4A5C70; fill: #4A5C70;
stroke-width: 1px; stroke-width: 1px;
stroke: #fff; stroke: #fff;
} }
.x-mark-over { .x-mark-over {
fill: #f3be54; fill: #f3be54;
} }
.x-mark-focus { .x-mark-focus {
fill: #f8381f; fill: #f8381f;
} }
.tick text { .tick text {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
} }
.tick text:hover { .tick text:hover {
cursor: pointer; cursor: pointer;
} }
.y-label { .y-label {
font-size: 10px; font-size: 10px;
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-weight: normal; font-weight: normal;
} }
.y-label-bold { .y-label-bold {
font-size: 12px; font-size: 12px;
font-family: "Inter-Bold"; font-family: "Inter-Bold";
font-weight: bold; font-weight: bold;
} }
.y-mark-year-inner { .y-mark-year-inner {
fill: #4A5C70; fill: #4A5C70;
} }
.y-mark-year-inner-highlight { .y-mark-year-inner-highlight {
fill: #f3be54; fill: #f3be54;
} }
.y-mark-year-outer { .y-mark-year-outer {
fill: #fff; fill: #fff;
stroke: #4A5C70; stroke: #4A5C70;
stroke-width: 1px; stroke-width: 1px;
} }
.y-mark-year-outer-highlight { .y-mark-year-outer-highlight {
fill: #fff; fill: #fff;
stroke: #f3be54; stroke: #f3be54;
stroke-width: 3px; stroke-width: 3px;
} }
.y-mark-month { .y-mark-month {
fill: #4A5C70; fill: #4A5C70;
} }
/* ---------- group ---------- */ /* ---------- group ---------- */
.group-outer { .group-outer {
stroke-width: 0.8px; stroke-width: 0.8px;
stroke: #fff; stroke: #fff;
fill: #fff; fill: #fff;
} }
.group-inner { .group-inner {
stroke-width: 0.8px; stroke-width: 0.8px;
stroke: #0d1824; stroke: #0d1824;
fill: #0d1824; fill: #0d1824;
/*cursor: pointer;*/ /*cursor: pointer;*/
z-index: 10; z-index: 10;
} }
.group-heading { .group-heading {
fill: #fff; fill: #fff;
stroke: #B5B5B5; stroke: #B5B5B5;
} }
.group-focus { .group-focus {
stroke: #f8381f; stroke: #f8381f;
} }
.source-focus { .source-focus {
stroke: #67a9cf; stroke: #67a9cf;
} }
.group-unfocus { .group-unfocus {
stroke: #A9A9A9; stroke: #A9A9A9;
} }
.group-path { .group-path {
cursor: pointer; cursor: pointer;
} }
/* ---------- labels ---------- */ /* ---------- labels ---------- */
.ngrams { .ngrams {
visibility: hidden; visibility: hidden;
} }
.term { .term {
cursor: pointer; cursor: pointer;
} }
.term:hover { .term:hover {
font-weight: bold; font-weight: bold;
fill: #f8381f; fill: #f8381f;
} }
// .term-unfocus { // .term-unfocus {
// fill: #A9A9A9; // fill: #A9A9A9;
// } // }
// .term-focus { // .term-focus {
// fill: black; // fill: black;
// } // }
.term-path { .term-path {
fill: none; fill: none;
stroke: #F0684D; stroke: #F0684D;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.emerging { .emerging {
/*text-decoration: underline #F0684D;*/ /*text-decoration: underline #F0684D;*/
/*fill:#5AA350;*/ /*fill:#5AA350;*/
/*fill: #5AA350;*/ /*fill: #5AA350;*/
fill: #F8381F; fill: #F8381F;
} }
.decreasing { .decreasing {
/*text-decoration: underline #74B5FF;*/ /*text-decoration: underline #74B5FF;*/
fill: #11638F; fill: #11638F;
} }
.path-focus { .path-focus {
fill: none; fill: none;
stroke: #F0684D; stroke: #F0684D;
stroke-width: 1.5px; stroke-width: 1.5px;
} }
.path-unfocus { .path-unfocus {
stroke: #A9A9A9; stroke: #A9A9A9;
} }
.path-heading { .path-heading {
stroke: #B5B5B5; stroke: #B5B5B5;
} }
/* ---------- phylo ---------- */ /* ---------- phylo ---------- */
.branch-hover { .branch-hover {
fill: #f3be54; fill: #f3be54;
opacity: 0.5; opacity: 0.5;
} }
/* elements */ /* elements */
#file-path { #file-path {
display: none; display: none;
} }
/* axis */ /* axis */
.axisRight { .axisRight {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 10px; font-size: 10px;
} }
/* isoline */ /* isoline */
.peak { .peak {
stroke: white; stroke: white;
stroke-width: 1px; stroke-width: 1px;
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 14px; font-size: 14px;
text-anchor: middle; text-anchor: middle;
visibility: visible; visibility: visible;
} }
.peak-over { .peak-over {
font-size: 18px; font-size: 18px;
stroke-width: 2px; stroke-width: 2px;
cursor: pointer; cursor: pointer;
stroke: #f3be54; stroke: #f3be54;
z-index: 100; z-index: 100;
} }
.peak-focus { .peak-focus {
font-size: 18px; font-size: 18px;
stroke-width: 2px; stroke-width: 2px;
stroke: #F0684D; stroke: #F0684D;
} }
.peak-focus-source { .peak-focus-source {
font-size: 18px; font-size: 18px;
stroke-width: 2px; stroke-width: 2px;
stroke: #67a9cf; stroke: #67a9cf;
} }
.peak-label { .peak-label {
text-align: center; text-align: center;
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 14px; font-size: 14px;
...@@ -529,14 +530,14 @@ i.how:hover span { ...@@ -529,14 +530,14 @@ i.how:hover span {
z-index: 10; z-index: 10;
position: absolute; position: absolute;
visibility: hidden; visibility: hidden;
} }
.word-cloud { .word-cloud {
font-family: "Inter-Regular"; font-family: "Inter-Regular";
font-size: 12px; font-size: 12px;
} }
.search { .search {
margin-left: 10px; margin-left: 10px;
visibility: hidden; visibility: hidden;
position: absolute; position: absolute;
...@@ -546,18 +547,18 @@ i.how:hover span { ...@@ -546,18 +547,18 @@ i.how:hover span {
outline: 0; outline: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #0d1824 border-color: #0d1824
} }
.search-label { .search-label {
visibility: hidden; visibility: hidden;
margin-left: 5px; margin-left: 5px;
} }
.search:focus { .search:focus {
border-color: #F0684D border-color: #F0684D
} }
.autocomplete { .autocomplete {
margin-left: 10px; margin-left: 10px;
visibility: hidden; visibility: hidden;
position: absolute; position: absolute;
...@@ -567,19 +568,19 @@ i.how:hover span { ...@@ -567,19 +568,19 @@ i.how:hover span {
color: silver; color: silver;
z-index: 1; z-index: 1;
border: none; border: none;
} }
.loading { .loading {
visibility: hidden; visibility: hidden;
} }
.phylo-name { .phylo-name {
visibility:hidden; visibility:hidden;
text-transform: capitalize; text-transform: capitalize;
font-weight: bold; font-weight: bold;
} }
.select-source { .select-source {
margin-left: 10px; margin-left: 10px;
display: none; display: none;
...@@ -593,11 +594,13 @@ i.how:hover span { ...@@ -593,11 +594,13 @@ i.how:hover span {
outline-color: transparent; outline-color: transparent;
box-shadow: none; box-shadow: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
option { option {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 150px; max-width: 150px;
}
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment