Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unused styles, fix styling of notebook on mobile

Browse Source
This commit is contained in:
Jackson Harper
2023-06-28 09:38:02 +08:00
parent f4d9821fdd
commit eeab8672b9
5 changed files with 9 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/package.json
View File

@ -61,7 +61,6 @@
"react-markdown": "^8.0.6",
"react-markdown-editor-lite": "^1.3.4",
"react-masonry-css": "^1.0.16",
"react-pro-sidebar": "^0.7.1",
"react-sliding-pane": "^7.3.0",
"react-spinners": "^0.13.7",
"react-super-responsive-table": "^5.2.1",

2
packages/web/pages/_app.tsx
View File

@ -1,7 +1,5 @@
import '../styles/globals.css'
import '../styles/articleInnerStyling.css'
import 'react-pro-sidebar/dist/css/styles.css'
import '../styles/menu.css'
import type { AppProps } from 'next/app'
import { IdProvider } from '@radix-ui/react-id'

8
packages/web/styles/globals.css
View File

@ -438,4 +438,12 @@ button {
background: transparent !important;
transition: transform .2s !important;
box-shadow: 0px 4px 4px rgba(33, 33, 33, 0.1) !important;
}
@media (max-width: 600px) {
.slide-pane__content {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-left: 1px solid var(--colors-thNotebookBorder);
}
}

73
packages/web/styles/menu.css
View File

@ -1,73 +0,0 @@
/* Menu Override styles */
.pro-sidebar {
z-index: 1;
}
.pro-sidebar > .pro-sidebar-inner,
.pro-menu,
.pro-menu > ul > .pro-sub-menu > .pro-inner-list-item,
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
background-color: var(--colors-libraryBackground);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item,
.pro-sidebar .pro-menu-item .pro-sub-menu .pro-inner-item,
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content,
.pro-sidebar .pro-menu a,
.pro-sidebar .pro-menu a:hover,
.pro-sidebar
.pro-menu
.pro-menu-item
> .pro-inner-item:hover
.pro-icon-wrapper
.pro-icon {
color: var(--colors-utilityTextDefault);
}
.pro-sidebar .pro-menu .pro-menu-item {
padding: 2px 0;
}
.pro-menu .pro-menu-item > .pro-inner-item {
padding: 5px 20px;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu:before {
content: '';
display: block;
width: 90%;
border: 0.5px solid var(--colors-grayBg);
margin-left: 10px;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
width: 20px;
min-width: 0;
height: 25px;
}
.pro-sidebar .pro-menu .pro-menu-item.active,
.pro-sidebar .pro-menu a:hover,
.pro-sidebar .pro-menu .pro-menu-item:hover:not(.pro-sub-menu) {
background-color: var(--colors-libraryActiveMenuItem);
width: 95%;
border-radius: 5px;
}
.pro-sidebar
.pro-menu
.pro-menu-item
> .pro-inner-item:hover
.pro-icon-wrapper
.pro-icon {
animation-play-state: paused;
}
.pro-sidebar
.pro-menu
.pro-menu-item.pro-sub-menu
> .pro-inner-item
> .pro-arrow-wrapper
.pro-arrow {
border-width: 0 1px 1px 0;
border-color: var(--colors-textSubtle);
}

19
yarn.lock
View File

@ -4844,7 +4844,7 @@
resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
"@popperjs/core@^2.4.0", "@popperjs/core@^2.5.4", "@popperjs/core@^2.6.0":
"@popperjs/core@^2.5.4", "@popperjs/core@^2.6.0":
version "2.11.5"
resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.5.tgz#db5a11bf66bdab39569719555b0f76e138d7bd64"
integrity sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==
@ -23914,16 +23914,6 @@ react-popper@^2.2.4:
react-fast-compare "^3.0.1"
warning "^4.0.2"
react-pro-sidebar@^0.7.1:
version "0.7.1"
resolved "https://registry.yarnpkg.com/react-pro-sidebar/-/react-pro-sidebar-0.7.1.tgz#0b5edca0809ff6a23bda188c5db370f880690ee7"
integrity sha512-Iy1X8ce4t5Vqz4CsyzjwokGUE3/IObgmYzS0ins7/2eWKle0SMUPaWdgMKFIVjtVrMr5vmjPbRicq8FxnVaf8A==
dependencies:
"@popperjs/core" "^2.4.0"
classnames "^2.2.6"
react-slidedown "^2.4.5"
resize-observer-polyfill "^1.5.1"
react-refresh@^0.11.0:
version "0.11.0"
resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
@ -23973,13 +23963,6 @@ react-sizeme@^3.0.1:
shallowequal "^1.1.0"
throttle-debounce "^3.0.1"
react-slidedown@^2.4.5:
version "2.4.7"
resolved "https://registry.yarnpkg.com/react-slidedown/-/react-slidedown-2.4.7.tgz#c09e72bba8aac25018fd644ece041da771854589"
integrity sha512-HGDfrqo70r1WVE0DwrySPdCT27/2wcZaJYh5kOnmuPSCtjDDJrNkDdn4Ep/cma2VVfwupeAGhbc2pbrGThU6VQ==
dependencies:
tslib "^2.0.0"
react-sliding-pane@^7.3.0:
version "7.3.0"
resolved "https://registry.yarnpkg.com/react-sliding-pane/-/react-sliding-pane-7.3.0.tgz#a6a03b90db216e7ec6f746c7e649d19ba03ff4e0"