Merge pull request #4682 from h3poteto/iss-4653/fold-side-menu
Fix nested css
This commit is contained in:
commit
6ea5ed97ea
|
@ -39,26 +39,24 @@
|
||||||
.timeline-scrollable {
|
.timeline-scrollable {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
}
|
||||||
&::-webkit-scrollbar {
|
|
||||||
width: 6px !important;
|
.timeline-scrollable::-webkit-scrollbar {
|
||||||
height: 6px !important;
|
width: 6px !important;
|
||||||
}
|
height: 6px !important;
|
||||||
|
}
|
||||||
&::-webkit-scrollbar-thumb {
|
|
||||||
background-color: rgb(203 213 225);
|
.timeline-scrollable::-webkit-scrollbar-thumb {
|
||||||
border-radius: 4px !important;
|
background-color: rgb(203 213 225);
|
||||||
opacity: 0;
|
border-radius: 4px !important;
|
||||||
}
|
opacity: 0;
|
||||||
|
}
|
||||||
&::-webkit-scrollbar-track {
|
|
||||||
border-radius: 4px !important;
|
.timeline-scrollable::-webkit-scrollbar-track {
|
||||||
background-color: rgb(241 245 249);
|
border-radius: 4px !important;
|
||||||
}
|
background-color: rgb(241 245 249);
|
||||||
|
}
|
||||||
&:hover {
|
|
||||||
&::-webkit-scrollbar-thumb {
|
.timeline-scrollable:hover::-webkit-scrollbar-thumb {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,7 +11,7 @@ export default function Card(props: Props) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis"
|
className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis mb-1"
|
||||||
onClick={openCard}
|
onClick={openCard}
|
||||||
>
|
>
|
||||||
<div style={{ height: '60px', width: '60px' }}>
|
<div style={{ height: '60px', width: '60px' }}>
|
||||||
|
|
Loading…
Reference in New Issue