sync status style fix

This commit is contained in:
zadam 2021-03-21 23:45:15 +01:00
parent 56f97f1081
commit d5f38c0f88
2 changed files with 11 additions and 4 deletions

View File

@ -55,7 +55,7 @@
"mime-types": "2.1.29", "mime-types": "2.1.29",
"multer": "1.4.2", "multer": "1.4.2",
"node-abi": "2.21.0", "node-abi": "2.21.0",
"open": "8.0.3", "open": "8.0.4",
"portscanner": "2.2.0", "portscanner": "2.2.0",
"rand-token": "1.0.1", "rand-token": "1.0.1",
"request": "^2.88.2", "request": "^2.88.2",
@ -87,7 +87,7 @@
"jsdoc": "3.6.6", "jsdoc": "3.6.6",
"lorem-ipsum": "2.0.3", "lorem-ipsum": "2.0.3",
"rcedit": "3.0.0", "rcedit": "3.0.0",
"webpack": "5.27.0", "webpack": "5.27.1",
"webpack-cli": "4.5.0" "webpack-cli": "4.5.0"
}, },
"optionalDependencies": { "optionalDependencies": {

View File

@ -27,6 +27,13 @@ const TPL = `
padding-right: 10px; padding-right: 10px;
} }
.sync-status .sync-status-sub-icon {
font-size: 40%;
position: absolute;
left: 7px;
top: 20px;
}
.sync-status .sync-status-icon span { .sync-status .sync-status-icon span {
border: none !important; border: none !important;
} }
@ -40,7 +47,7 @@ const TPL = `
<div class="sync-status"> <div class="sync-status">
<span class="sync-status-icon sync-status-connected-with-changes" title="<p>Connected to the sync server. <br>There are some outstanding changes yet to be synced.</p><p>Click to trigger sync.</p>"> <span class="sync-status-icon sync-status-connected-with-changes" title="<p>Connected to the sync server. <br>There are some outstanding changes yet to be synced.</p><p>Click to trigger sync.</p>">
<span class="bx bx-wifi"></span> <span class="bx bx-wifi"></span>
<span class="bx bxs-star" style="font-size: 40%; position: absolute; left: -3px; top: 20px;"></span> <span class="bx bxs-star sync-status-sub-icon"></span>
</span> </span>
<span class="sync-status-icon sync-status-connected-no-changes" <span class="sync-status-icon sync-status-connected-no-changes"
data-toggle="tooltip" data-toggle="tooltip"
@ -51,7 +58,7 @@ const TPL = `
data-toggle="tooltip" data-toggle="tooltip"
title="<p>Establishing the connection to the sync server was unsuccessful.<br>There are some outstanding changes yet to be synced.</p><p>Click to trigger sync.</p>"> title="<p>Establishing the connection to the sync server was unsuccessful.<br>There are some outstanding changes yet to be synced.</p><p>Click to trigger sync.</p>">
<span class="bx bx-wifi-off"></span> <span class="bx bx-wifi-off"></span>
<span class="bx bxs-star" style="font-size: 40%; position: absolute; left: -3px; top: 20px;"></span> <span class="bx bxs-star sync-status-sub-icon"></span>
</span> </span>
<span class="sync-status-icon sync-status-disconnected-no-changes" <span class="sync-status-icon sync-status-disconnected-no-changes"
data-toggle="tooltip" data-toggle="tooltip"