Improved way to load and show server in sidebar #131

This commit is contained in:
2023-02-10 20:59:43 +01:00
parent 4822348e01
commit 45a6b49cf5
7 changed files with 176 additions and 121 deletions

View File

@@ -1,102 +1,106 @@
@import "./constants.scss";
.btn {
&:focus {
box-shadow: none !important;
}
&:focus {
box-shadow: none !important;
}
}
.p-menu,
.p-panelmenu {
background: none !important;
border: none !important;
width: auto !important;
border-radius: 0px !important;
padding: 0 !important;
background: none !important;
border: none !important;
width: auto !important;
border-radius: 0px !important;
padding: 0 !important;
.p-menuitem-link,
.p-panelmenu-header > a,
.p-panelmenu-content .p-menuitem .p-menuitem-link {
$distance: 10px;
padding: $distance 0px $distance $distance !important;
margin: 4px 0px 4px 6px !important;
}
.p-menuitem-link,
.p-panelmenu-header > a,
.p-panelmenu-content .p-menuitem .p-menuitem-link {
$distance: 10px;
padding: $distance 0px $distance $distance !important;
margin: 4px 0px 4px 6px !important;
}
}
header,
.app {
.p-menu-overlay {
top: $headerHeight !important;
}
.p-menu-overlay {
top: $headerHeight !important;
}
}
.p-panelmenu {
.p-panelmenu-icon {
order: 1; // to be the first item on right side.
}
.p-menuitem-text {
flex-grow: 1; // to fill the whole space and push the icon to the end
}
.p-panelmenu-icon {
order: 1; // to be the first item on right side.
}
.p-panelmenu-header > a {
border: none !important;
border-radius: none !important;
font-weight: none !important;
transition: none !important;
}
.p-menuitem-text {
flex-grow: 1; // to fill the whole space and push the icon to the end
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-panelmenu-content {
border: none !important;
background: none !important;
}
.p-panelmenu-header > a {
border: none !important;
border-radius: none !important;
font-weight: none !important;
transition: none !important;
}
.p-menuitem-text {
line-height: normal !important;
}
.p-panelmenu-content {
border: none !important;
background: none !important;
}
.p-menuitem-text {
line-height: normal !important;
}
}
ui-menu .ui-menu-parent .ui-menu-child {
width: 400px; /* exagerated !! */
width: 400px; /* exagerated !! */
}
.p-toast-detail {
white-space: pre-line;
white-space: pre-line;
}
.p-datatable .p-sortable-column:focus {
box-shadow: none !important;
box-shadow: none !important;
}
.p-password {
padding: 0px !important;
padding: 0px !important;
}
.p-paginator {
background-color: transparent !important;
border: none !important;
background-color: transparent !important;
border: none !important;
}
p-table {
.p-datatable .p-datatable-header {
border: none !important;
}
.p-datatable .p-datatable-header {
border: none !important;
}
.p-datatable .p-datatable-header,
.p-datatable .p-datatable-tbody > tr,
.p-datatable .p-datatable-thead > tr > th {
background-color: transparent !important;
color: inherit !important;
}
.p-datatable .p-datatable-header,
.p-datatable .p-datatable-tbody > tr,
.p-datatable .p-datatable-thead > tr > th {
background-color: transparent !important;
color: inherit !important;
}
}
.pi-sort-alt:before {
content: "\e915" !important;
content: "\e915" !important;
}
.pi-sort-amount-up-alt:before {
content: "\e914" !important;
content: "\e914" !important;
}
.pi-sort-amount-down:before {
content: "\e913" !important;
content: "\e913" !important;
}