QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 06:10:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: sidebar overlay style.

Browse Source
This commit is contained in:
a.bouhuolia
2021-08-03 21:18:42 +02:00
parent d2b75f6ed8
commit 6cd6bd8700
6 changed files with 128 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/config/sidebarMenu.js
View File

@@ -311,8 +311,4 @@ export default [
text: <T id={'billing'} />, text: <T id={'billing'} />,
href: '/billing', href: '/billing',
}, },
{
text: <T id={'auditing_system'} />,
href: '/auditing/list',
},
]; ];

5
client/src/style/App.scss
View File

@@ -26,6 +26,7 @@
@import 'components/PageForm'; @import 'components/PageForm';
@import 'components/Tooltip'; @import 'components/Tooltip';
@import 'components/Postbox'; @import 'components/Postbox';
@import 'components/Overlay';
@import 'components/SidebarOverlay'; @import 'components/SidebarOverlay';
// Pages // Pages
@@ -101,9 +102,6 @@ body.hide-scrollbar .Pane2 {
background-color: #0066ff; background-color: #0066ff;
} }
.bp3-overlay-backdrop {
background-color: rgba(0, 10, 30, 0.7);
}
.ReactVirtualized__Collection {} .ReactVirtualized__Collection {}
@@ -210,3 +208,4 @@ html[lang^="ar"] {
.bp3-tooltip2 .bp3-popover2-arrow:before{ .bp3-tooltip2 .bp3-popover2-arrow:before{
box-shadow: 0 0 0; box-shadow: 0 0 0;
} }

6
client/src/style/components/Overlay.scss Normal file
View File

@@ -0,0 +1,6 @@
.bp3-overlay-backdrop {
background-color: rgba(0, 10, 30, 0.7);
}

11
client/src/style/components/SidebarOverlay.scss
View File

@@ -1,11 +1,10 @@
.sidebar-overlay { .sidebar-overlay {
background: #fff; background: #fff;
height: 100%; height: 100%;
width: 225px; width: 225px;
outline: 0; outline: 0;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
z-index: 15;
&__scroll-wrapper { &__scroll-wrapper {
height: 100% height: 100%
@@ -93,6 +92,7 @@
transform: translateX(-100%); transform: translateX(-100%);
&.bp3-overlay { &.bp3-overlay {
&-appear, &-appear,
&-enter { &-enter {
transform: translateX(-100%) transform: translateX(-100%)
@@ -112,18 +112,19 @@
&-exit { &-exit {
transform: translateX(0) !important; transform: translateX(0) !important;
} }
&-exit-active { &-exit-active {
transform: translateX(-100%) !important; transform: translateX(-100%) !important;
transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
} }
&-exit-done { &-exit-done {
transform: translateX(-100%) !important; transform: translateX(-100%) !important;
} }
} }
} }
.sidebar-overlay-backdrop { .sidebar-overlay-backdrop {
background-color: rgba(0, 10, 30, 0.15); background-color: rgba(0, 10, 30, 0.15);
z-index: 14;
} }

1
client/src/style/pages/Dashboard/Dashboard.scss
View File

@@ -54,7 +54,6 @@ $dashboard-views-bar-height: 45px;
} }
.#{$ns}-icon { .#{$ns}-icon {
color: #1552c8; color: #1552c8;
margin-right: 5px;
} }
} }

2
client/src/style/variables.scss
View File

@@ -15,7 +15,7 @@ $menu-item-color-active: $light-gray3;
$breadcrumbs-collapsed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#6B8193' enable-background='new 0 0 16 16' xml:space='preserve'><g><circle cx='2' cy='8.03' r='2'/><circle cx='14' cy='8.03' r='2'/><circle cx='8' cy='8.03' r='2'/></g></svg>"); $breadcrumbs-collapsed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#6B8193' enable-background='new 0 0 16 16' xml:space='preserve'><g><circle cx='2' cy='8.03' r='2'/><circle cx='14' cy='8.03' r='2'/><circle cx='8' cy='8.03' r='2'/></g></svg>");
$sidebar-zindex: 21; $sidebar-zindex: 16;
$pt-font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, $pt-font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont,
Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue,
Icons16, sans-serif; Icons16, sans-serif;