Sfoglia il codice sorgente

Add prefix to css class

https://youtrack.weseek.co.jp/issue/GW-7850
- Add prefix to expanded and compressed class
Mudana-Grune 3 anni fa
parent
commit
fca8226fe9

+ 2 - 2
packages/app/src/components/UsersPageBookmarks/BookmarkContents.module.scss

@@ -4,12 +4,12 @@
 $grw-sidebar-content-header-height: 58px;
 $grw-sidebar-content-footer-height: 50px;
 
-.compressed {
+.grw-bookarks-contents-compressed {
   max-height: calc(70vh - (var.$grw-navbar-height + var.$grw-navbar-border-width + $grw-sidebar-content-header-height + $grw-sidebar-content-footer-height));
   overflow-y: scroll;
 }
 
-.expanded {
+.grw-bookarks-contents-expanded {
   max-height: calc(100vh - (var.$grw-navbar-height + var.$grw-navbar-border-width + $grw-sidebar-content-header-height + $grw-sidebar-content-footer-height));
   overflow-y: scroll;
 }

+ 1 - 1
packages/app/src/components/UsersPageBookmarks/BookmarkContents.tsx

@@ -45,7 +45,7 @@ const BookmarkContents = (props: Props): JSX.Element => {
 
 
   return (
-    <div className={`${isExpanded ? `${styles.expanded}` : `${styles.compressed}`}`}>
+    <div className={`${isExpanded ? `${styles['grw-bookarks-contents-expanded']}` : `${styles['grw-bookarks-contents-compressed']}`}`}>
       <ul className={ `grw-foldertree ${styles['grw-foldertree']} list-group p-3`}>
         {bookmarkFolderData?.map((item) => {
           return (