Glassvision/IfcOpenShell
1
0
Fork 0
mirror of https://github.com/IfcOpenShell/IfcOpenShell.git synced 2026-09-21 14:23:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

edit css rules

Browse Source
This commit is contained in:
Ziad-I
2024-07-25 14:25:44 +03:00
parent 8d2717d25b
commit a14fc0a7f5
2 changed files with 29 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/blenderbim/blenderbim/bim/data/webui/static/css/index.css
+27 -17
View File
@@ -1,10 +1,12 @@
:root { :root {
--font-family: Arial, sans-serif; --font-family: Arial, sans-serif;
--margin-tiny: 0.125;
--margin-small: 0.625rem; --margin-small: 0.625rem;
--margin-medium: 1.25rem; --margin-medium: 1.25rem;
--margin-large: 2.5rem; --margin-large: 2.5rem;
--padding-small: 0.125rem; --padding-small: 0.625rem;
--padding-medium: 1rem; --padding-medium: 1rem;
--warning-padding: 0.125rem;
--font-size-large: 1.2rem; --font-size-large: 1.2rem;
--logo-height: 2.5rem; --logo-height: 2.5rem;
--nav-height: 2.5rem; --nav-height: 2.5rem;
@@ -52,14 +54,6 @@ body {
margin-bottom: var(--margin-medium); margin-bottom: var(--margin-medium);
} }
.table-container {
margin-bottom: var(--margin-large);
}
.csv-table {
margin-top: var(--margin-small);
}
h3 { h3 {
margin-top: 0; margin-top: 0;
} }
@@ -106,7 +100,7 @@ nav ul li a.active {
.warning { .warning {
color: var(--warning-color); color: var(--warning-color);
margin-bottom: var(--margin-small); margin-bottom: var(--margin-small);
padding: var(--padding-small); padding: var(--warning-padding);
display: none; display: none;
} }
@@ -146,7 +140,7 @@ nav ul li a.active {
} }
.client { .client {
padding: 10px; padding: var(--margin-small);
border-bottom: 1px solid var(--table-border-color); border-bottom: 1px solid var(--table-border-color);
cursor: pointer; cursor: pointer;
} }
@@ -154,22 +148,22 @@ nav ul li a.active {
.client-details { .client-details {
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
padding-left: 10px; padding-left: var(--padding-small);
transition: max-height 0.2s ease-out, padding 0.2s ease-out, opacity 0.1s ease-out; transition: max-height 0.2s ease-out, padding 0.2s ease-out, opacity 0.1s ease-out;
background-color: var(--bg-color); background-color: var(--nav-bg-color);
margin-top: 5px; margin-top: var(--margin-tiny);
opacity: 0; opacity: 0;
} }
.client-details.show { .client-details.show {
max-height: none; max-height: none;
padding: 10px; padding: var(--padding-small);
opacity: 1; opacity: 1;
} }
.client-detail { .client-detail {
border-bottom: 1px solid var(--table-border-color); border-bottom: 1px solid var(--table-border-color);
padding: 10px; padding: var(--padding-small);
} }
#show-connected-button { #show-connected-button {
@@ -179,10 +173,26 @@ nav ul li a.active {
font-size: var(--base-font-size); font-size: var(--base-font-size);
} }
#show-connected-button:hover { #show-connected-button:hover,
.scroll-button:hover {
cursor: pointer; cursor: pointer;
} }
.scroll-button {
font-size: var(--base-font-size);
margin-left: var(--margin-tiny);
margin-top: var(--margin-small);
}
.table-container {
margin-bottom: var(--margin-large);
}
.csv-table {
margin-top: var(--margin-small);
}
/* ------------ Overwriting Tabulator CSS rules ------------ */ /* ------------ Overwriting Tabulator CSS rules ------------ */
:root.light .tabulator-header, :root.light .tabulator-header,
src/blenderbim/blenderbim/bim/data/webui/static/js/index.js
+2 -2
View File
@@ -292,13 +292,13 @@ function toggleClientList() {
$.each(connectedClients, function (id, client) { $.each(connectedClients, function (id, client) {
if (!client.shown) return; if (!client.shown) return;
const icon = $("<i>") const dropdownIcon = $("<i>")
.addClass("fas fa-chevron-down") .addClass("fas fa-chevron-down")
.css("margin-left", "8px"); .css("margin-left", "8px");
const clientDiv = $("<div>").addClass("client").text(client.ifc_file); const clientDiv = $("<div>").addClass("client").text(client.ifc_file);
clientDiv.append(icon); clientDiv.append(dropdownIcon);
const clientDetailsDiv = $("<div>").addClass("client-details"); const clientDetailsDiv = $("<div>").addClass("client-details");