diff --git a/docs/DEVICE_FILTERS.md b/docs/DEVICE_FILTERS.md index 4316cf221..f6e14b1ef 100644 --- a/docs/DEVICE_FILTERS.md +++ b/docs/DEVICE_FILTERS.md @@ -14,9 +14,9 @@ If a device is missing from the **My Devices** list, work through these checks. The most common cause is that a filter is hiding the device. - + - + Review any active: @@ -32,6 +32,8 @@ Clear filters first, then reload the page and check again. You can select devices of what statuses should be displayed in the My Devices view. This can be adjusted in the _Settings_ section - search for the `UI_MY_DEVICES` setting and verify that the statuses you want to show are selected. + + --- ### Check Whether the Device Is Hidden diff --git a/docs/img/DEVICE_MANAGEMENT/device_filter_settings.png b/docs/img/DEVICE_MANAGEMENT/device_filter_settings.png new file mode 100644 index 000000000..0ea36307a Binary files /dev/null and b/docs/img/DEVICE_MANAGEMENT/device_filter_settings.png differ diff --git a/front/css/app.css b/front/css/app.css index 4940cee61..126b1d514 100755 --- a/front/css/app.css +++ b/front/css/app.css @@ -2647,13 +2647,13 @@ table.dataTable tbody > tr.selected .skel-tab-pane { z-index: 10; min-height: 400px; } #settings-skeleton { padding-top: 50px; padding-left: 20px; padding-right: 20px; min-height: 500px; } #devices-skeleton { top: 50px; min-height: 500px; } -#device-details-skeleton { min-height: 600px; } +#device-details-skeleton { top: 45px; min-height: 100px; } #events-skeleton { top: 50px; min-height: 500px; } #presence-skeleton { top: 50px; min-height: 500px; } #report-skeleton { min-height: 400px; } -#notifications-skeleton { min-height: 400px; } +#notifications-skeleton { top: 50px; min-height: 400px; } #workflows-skeleton { top: 50px; width: 770px; margin: 0 auto; min-height: 300px; } -#plugins-skeleton { padding: 0; min-height: 400px; } +#plugins-skeleton { top: 50px; padding: 0; min-height: 400px; } /* Bordered containers */ .skel-overview-panel, .skel-section, .skel-plugin-block, @@ -2728,6 +2728,7 @@ table.dataTable tbody > tr.selected /* ----- Devices ---------------------------------------------------------- */ .skel-tile { display: flex; height: 80px; } +#device-details-skeleton .skel-tile { display: flex; height: 45px; } .skel-tile-inner { display: flex; flex-direction: column; padding: 12px 15px; justify-content: center; gap: 10px; } .skel-tile-num { height: 26px; width: 55%; } .skel-tile-label { height: 13px; width: 75%; } @@ -2740,8 +2741,8 @@ table.dataTable tbody > tr.selected .skel-td { height: 13px; } /* ----- Device Details --------------------------------------------------- */ -.skel-detail-header { margin-bottom: 15px; } -.skel-detail-title { height: 26px; width: 42%; margin-bottom: 14px; } +.skel-detail-header { margin-bottom: 0px; } +.skel-detail-title { height: 26px; width: 42%; margin-bottom: 0px; } .skel-detail-info-panel { display: flex; gap: 0; padding: 14px; border-radius: 4px; margin-bottom: 15px; max-width: 400px; } .skel-tabs-bar { display: flex; gap: 4px; padding: 8px 10px 0; border-radius: 4px 4px 0 0; border-bottom: none; } .skel-tab { height: 34px; width: 100px; border-radius: 4px 4px 0 0; flex-shrink: 0; } @@ -2758,7 +2759,7 @@ table.dataTable tbody > tr.selected /* ----- Plugins ---------------------------------------------------------- */ .skel-plugins-wrap { display: flex; gap: 0; min-height: 400px; } -.skel-plugins-nav { width: 165px; flex-shrink: 0; border-right: 1px solid var(--skel-border); padding: 8px 0; } +.skel-plugins-nav { flex-shrink: 0; border-right: 1px solid var(--skel-border); padding: 8px 0; } .skel-plugins-nav-item { display: flex; align-items: center; padding: 9px 15px; border-bottom: 1px solid var(--skel-border); } .skel-plugins-nav-item:last-child { border-bottom: none; } .skel-plugins-body { flex: 1; padding: 0; } diff --git a/front/css/dark-patch.css b/front/css/dark-patch.css index 9dcda157f..63ef5de0c 100755 --- a/front/css/dark-patch.css +++ b/front/css/dark-patch.css @@ -766,5 +766,5 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected --skel-section: #252c38; --skel-panel-bg: #1e242e; --skel-border: #2a323e; - --skel-bg: #353c42; + --skel-bg: #292e33; } \ No newline at end of file diff --git a/front/css/system-dark-patch.css b/front/css/system-dark-patch.css index 74171a1e0..f6cf4e154 100755 --- a/front/css/system-dark-patch.css +++ b/front/css/system-dark-patch.css @@ -743,5 +743,5 @@ --skel-section: #252c38; --skel-panel-bg: #1e242e; --skel-border: #2a323e; - --skel-bg: #353c42; + --skel-bg: #292e33; } \ No newline at end of file diff --git a/front/php/templates/skel_device_details.php b/front/php/templates/skel_device_details.php index 9dfd5f6bd..0bdd0a206 100644 --- a/front/php/templates/skel_device_details.php +++ b/front/php/templates/skel_device_details.php @@ -4,56 +4,43 @@