mirror of https://github.com/MISP/MISP
chg: [app:ui] More improvements
parent
02add76c64
commit
cc3952a7c6
|
@ -52,7 +52,6 @@ foreach ($statistics['usage'] as $scope => $graphData) {
|
|||
$pieChart
|
||||
);
|
||||
$statPie = $this->Bootstrap->card([
|
||||
'bodyVariant' => 'secondary',
|
||||
'bodyHTML' => $panelHtml,
|
||||
'bodyClass' => 'py-1 px-2',
|
||||
'class' => ['shadow-sm', 'h-100']
|
||||
|
|
|
@ -11,6 +11,6 @@ if (!empty($statistics['usage'])) {
|
|||
'statistics' => $statistics,
|
||||
]);
|
||||
}
|
||||
$statisticsHtml = sprintf('<div class="container-fluid"><div class="row gx-2">%s</div></div>', $statisticsHtml);
|
||||
$statisticsHtml = sprintf('<div class="container-fluid px-0"><div class="row gx-2">%s</div></div>', $statisticsHtml);
|
||||
echo sprintf('<div class="index-statistic-container">%s</div>', $statisticsHtml);
|
||||
?>
|
||||
|
|
|
@ -87,7 +87,6 @@ $cardContent = sprintf(
|
|||
);
|
||||
|
||||
$card = $this->Bootstrap->card([
|
||||
'bodyVariant' => 'secondary',
|
||||
'bodyHTML' => $cardContent,
|
||||
'bodyClass' => 'py-1 px-2',
|
||||
'class' => ['shadow-sm', 'h-100']
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #212121;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(20, 20, 20, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(17, 17, 17, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #222;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #fafafa;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(150, 150, 150, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(125, 125, 125, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #fff;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #fafafa;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(150, 150, 150, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(125, 125, 125, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #fff;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #fafafa;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(150, 150, 150, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(125, 125, 125, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #fff;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #666bbf;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(61, 64, 115, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(51, 54, 96, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,7 +722,7 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #686dc3;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #262a2f;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(23, 25, 28, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(19, 21, 24, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,7 +722,7 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #272b30;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
|
@ -568,7 +568,7 @@
|
|||
|
||||
/* Body */
|
||||
body {
|
||||
background-color: #190932;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(15, 5, 30, 0.6);
|
||||
background: rgba(149, 150, 151, 0.6);
|
||||
}
|
||||
|
||||
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(13, 5, 25, 0.6);
|
||||
background: rgba(125, 125, 126, 0.6);
|
||||
}
|
||||
|
||||
.sidebar ~ main.content:after {
|
||||
|
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
|
|||
/* Action bar */
|
||||
.action-bar {
|
||||
box-shadow: 0 0.15rem 0.3rem #00000026;
|
||||
background-color: #1a0933;
|
||||
background-color: #f9fafb;
|
||||
}
|
||||
|
|
|
@ -13,7 +13,8 @@ $transition-collapse: height .35s cubic-bezier(0, 0.71, 0.58, 1);
|
|||
|
||||
$applicationColor: #2fa1db;
|
||||
|
||||
$bodyBg: shade-color($body-bg, 2%) !default;
|
||||
$body-bg: #f9fafb;
|
||||
$bodyBg: $body-bg;
|
||||
$scrollbarWidth: 3px !default;
|
||||
$scrollbarBgContainer: #ffffff00 !default;
|
||||
$scrollbarBg: rgba(shade-color($bodyBg, 40%), 0.6) !default;
|
||||
|
|
Loading…
Reference in New Issue