nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 06:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Catalog updates

Browse Source
This commit is contained in:
Bill 2021-05-11 01:15:27 -04:00
parent 5e2e393486
commit c28083b6e0
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/styles/scrollbars.scss
View File

@ -1,6 +1,6 @@
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 4px; width: 5px;
height: 4px; height: 5px;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
@ -12,6 +12,7 @@
border-radius: $border-radius; border-radius: $border-radius;
background: rgba($white, 0.7); background: rgba($white, 0.7);
width: 4px; width: 4px;
border-left: 1px solid transparent;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {

7
src/views/catalog/views/navigation/item/CatalogNavigationItemView.scss
View File

@ -2,10 +2,17 @@
.catalog-navigation-item { .catalog-navigation-item {
font-size: $font-size-sm; font-size: $font-size-sm;
border-radius: $border-radius;
i.fas { i.fas {
color: $black; color: $black;
font-size: 10px; font-size: 10px;
padding: 1px;
}
&.active {
padding: 1px 2px;
background-color: $grid-active-bg-color;
} }
} }
} }

2
src/views/catalog/views/navigation/item/CatalogNavigationItemView.tsx
View File

@ -31,7 +31,7 @@ export const CatalogNavigationItemView: FC<CatalogNavigationItemViewProps> = pro
return ( return (
<div className="col pe-1 pb-1 catalog-navigation-item-container"> <div className="col pe-1 pb-1 catalog-navigation-item-container">
<div className="d-flex align-items-center cursor-pointer catalog-navigation-item" onClick={ select }> <div className={ 'd-flex align-items-center cursor-pointer catalog-navigation-item ' + (isActive ? 'active ': '') } onClick={ select }>
<CatalogIconView icon={ page.icon } /> <CatalogIconView icon={ page.icon } />
<div className="flex-grow-1 text-black text-truncate px-1">{ page.localization }</div> <div className="flex-grow-1 text-black text-truncate px-1">{ page.localization }</div>
{ (page.children.length > 0) && <i className={ 'fas fa-caret-' + (isActive ? 'up' : 'down') } /> } { (page.children.length > 0) && <i className={ 'fas fa-caret-' + (isActive ? 'up' : 'down') } /> }