chart fixes and animation fix
This commit is contained in:
parent
3378bdd2ad
commit
8454191f9a
@ -173,10 +173,13 @@ UL.jqueryFileTree A,
|
|||||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
|
||||||
box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
|
||||||
}
|
}
|
||||||
.dropdown-menu li a:focus, .dropdown-menu li a:hover {
|
|
||||||
|
.dropdown-menu li a:focus,
|
||||||
|
.dropdown-menu li a:hover {
|
||||||
background-color: rgb(255 255 255 / 8%);
|
background-color: rgb(255 255 255 / 8%);
|
||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sync-level .add-folder-mode .option-text {
|
.sync-level .add-folder-mode .option-text {
|
||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
@ -212,6 +215,10 @@ button.selectpicker.btn-default {
|
|||||||
background: rgb(0 0 0 / 50%) !important;
|
background: rgb(0 0 0 / 50%) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.animating {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
/* ICONS */
|
/* ICONS */
|
||||||
.mycon.mycon-folder-rw,
|
.mycon.mycon-folder-rw,
|
||||||
.mycon.mycon-folder-owner,
|
.mycon.mycon-folder-owner,
|
||||||
@ -433,9 +440,11 @@ ul.jqueryFileTree a:hover {
|
|||||||
background-color: rgb(0 0 0 / 25%);
|
background-color: rgb(0 0 0 / 25%);
|
||||||
border-bottom: 1px solid rgb(255 255 255 / 10%);
|
border-bottom: 1px solid rgb(255 255 255 / 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-header {
|
.section-header {
|
||||||
border-bottom: 1px solid rgb(255 255 255 / .1);
|
border-bottom: 1px solid rgb(255 255 255 / .1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FOOTER */
|
/* FOOTER */
|
||||||
#sync-core-state {
|
#sync-core-state {
|
||||||
background-color: rgb(0 0 0 / 50%);
|
background-color: rgb(0 0 0 / 50%);
|
||||||
@ -480,10 +489,22 @@ ul.jqueryFileTree a:hover {
|
|||||||
background: var(--modal-bg-color);
|
background: var(--modal-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.c3 {
|
#statusPanel .chart-c3 .c3-tooltip {
|
||||||
filter: invert(1) !important;
|
background-color: #000;
|
||||||
|
opacity: .7;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.c3-grid line {
|
||||||
|
stroke: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3 text {
|
||||||
|
fill: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* SETTINGS */
|
/* SETTINGS */
|
||||||
.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button.active {
|
.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button.active {
|
||||||
background-color: rgb(0 0 0 / 25%);
|
background-color: rgb(0 0 0 / 25%);
|
||||||
@ -528,10 +549,12 @@ ul.jqueryFileTree a:hover {
|
|||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
#my-devices .my-devices .info-button:hover {
|
#my-devices .my-devices .info-button:hover {
|
||||||
background-color: var(--button-color-hover);
|
background-color: var(--button-color-hover);
|
||||||
color: var(--button-text);
|
color: var(--button-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* BUTTONS */
|
/* BUTTONS */
|
||||||
.btn,
|
.btn,
|
||||||
#support-tab #page-feedback-form .back-button {
|
#support-tab #page-feedback-form .back-button {
|
||||||
@ -593,18 +616,22 @@ ul.jqueryFileTree a:hover {
|
|||||||
background-color: rgb(255 255 255 / 8%);
|
background-color: rgb(255 255 255 / 8%);
|
||||||
color: var(--text-hover);
|
color: var(--text-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.table>thead>tr>th {
|
.table>thead>tr>th {
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
border-bottom: 1px solid rgb(255 255 255 / 10%);
|
border-bottom: 1px solid rgb(255 255 255 / 10%);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.table.table-bordered-header thead tr th {
|
.table.table-bordered-header thead tr th {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-right: 1px solid rgb(255 255 255 / 0.1) !important;
|
border-right: 1px solid rgb(255 255 255 / 0.1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tableScrollContainer .table thead tr th {
|
.tableScrollContainer .table thead tr th {
|
||||||
background: var(--main-bg-color) !important;
|
background: var(--main-bg-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* PLACEHOLDER TEXT */
|
/* PLACEHOLDER TEXT */
|
||||||
::placeholder {
|
::placeholder {
|
||||||
color: var(--text) !important;
|
color: var(--text) !important;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user