13399-Fix styles in VC dashboards and mobile

This commit is contained in:
Pablo Aragon 2024-04-10 11:04:44 +02:00
parent 99efffa190
commit 94aff5d197
5 changed files with 34 additions and 27 deletions

View File

@ -471,6 +471,8 @@ function createVisualConsole(
// Start an interval to update the Visual Console.
updateVisualConsole(props.id, updateInterval, updateInterval);
}
normalizeStylesVC();
} catch (error) {
console.log("[ERROR]", "[VISUAL-CONSOLE-CLIENT]", error.message);
}
@ -2062,3 +2064,9 @@ function center_labels() {
}
});
}
function normalizeStylesVC() {
$(".visual-console-container-dashboard h1").addClass("unbootstrap");
$(".visual-console-container-dashboard h2").addClass("unbootstrap");
$(".visual-console-container-dashboard .graph").addClass("unbootstrap");
}

View File

@ -493,7 +493,7 @@ class MapsMadeByUser extends Widget
$output .= '<script type="text/javascript">';
$output .= '$(document).ready(function () {';
$output .= 'dashboardLoadVC('.$settings.')';
$output .= 'dashboardLoadVC('.$settings.');';
$output .= '});';
$output .= '</script>';

View File

@ -71,12 +71,12 @@ hr {
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
h1:not(.unbootstrap),
h2:not(.unbootstrap),
h3:not(.unbootstrap),
h4:not(.unbootstrap),
h5:not(.unbootstrap),
h6:not(.unbootstrap) {
margin-top: 0;
margin-bottom: 0.5rem;
}
@ -311,18 +311,18 @@ template {
[hidden] {
display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
.h1:not(.unbootstrap),
.h2:not(.unbootstrap),
.h3:not(.unbootstrap),
.h4:not(.unbootstrap),
.h5:not(.unbootstrap),
.h6:not(.unbootstrap),
h1:not(.unbootstrap),
h2:not(.unbootstrap),
h3:not(.unbootstrap),
h4:not(.unbootstrap),
h5:not(.unbootstrap),
h6:not(.unbootstrap) {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;

File diff suppressed because one or more lines are too long

View File

@ -46,16 +46,11 @@ a {
text-decoration: none;
}
h1 {
h1:not(.unbootstrap) {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}
.visual-console-container-dashboard h1 {
font-size: inherit;
margin-bottom: inherit;
}
.container-fluid {
margin-top: 5px;
}
@ -971,7 +966,7 @@ input.resize_button {
right: 20px;
}
.parent_graph > .graph {
.parent_graph > .graph:not(.unbootstrap) {
margin-left: 10px;
}
@ -994,3 +989,7 @@ input.resize_button {
width: 100%;
justify-content: center;
}
.grid-stack-item-content .visual-console-container-dashboard {
text-align: initial;
}