@@ -233,9 +233,16 @@ a:not([href]):not([class]):hover {
233233 top : 5.5rem ;
234234 overflow-y : auto ;
235235 padding-top : 1rem ;
236+ margin-top : 0 ;
236237 overflow-x : hidden ;
237238}
238239
240+ .td-sidebar #td-sidebar-menu ,
241+ .td-sidebar .td-sidebar__search {
242+ padding-top : 0 ;
243+ margin-top : 0 ;
244+ }
245+
239246@media screen and (max-width : 768px ) {
240247 .td-sidebar {
241248 position : relative ;
@@ -249,7 +256,7 @@ a:not([href]):not([class]):hover {
249256 .td-sidebar {
250257 height : 100vh ;
251258 top : 0 ;
252- padding-top : 3 rem ;
259+ padding-top : 0 rem ;
253260 }
254261}
255262
@@ -324,6 +331,7 @@ a:not([href]):not([class]):hover {
324331
325332// Right sidebar
326333.td-sidebar-toc {
334+ margin-top : 0rem ;
327335 line-height : 1.25rem ;
328336 border-left : 1px solid $border-color ;
329337 background-image : linear-gradient (to top ,
@@ -604,11 +612,23 @@ a:not([href]):not([class]):hover {
604612.dash-sign-container {
605613 display : flex ;
606614 align-items : center ;
615+ justify-content : space-between ;
607616 text-align : right ;
608617
618+ h1 .dashboard {
619+ max-width : 40% ;
620+ text-align : left ;
621+ flex-shrink : 0 ;
622+ }
623+
609624 @media (max-width : 768px ) {
610625 flex-wrap : wrap ;
611626 justify-content : center ;
627+
628+ h1 .dashboard {
629+ max-width : 100% ;
630+ text-align : center ;
631+ }
612632 }
613633
614634 a .dash-sign {
@@ -623,18 +643,16 @@ a:not([href]):not([class]):hover {
623643 position : relative ;
624644 width : auto ;
625645 white-space : nowrap ;
626- // top: 50%;
627- // left: 50%;
628646 padding : 2rem ;
629- margin : 15 rem ;
630- transform : translateX (-50 % ) translateY (-50 % );
647+ margin : 0 ;
648+ transform : translateX (0 % ) translateY (0 % );
631649
632650 & :hover {
633- color : " #EBC017" !important ;
651+ color : #EBC017 ;
634652 }
635653
636- @media (max-width : 1440 px ) {
637- margin : 0 rem ;
654+ @media (max-width : 768 px ) {
655+ margin : 2 rem 0 0 0 ;
638656 }
639657 }
640658
@@ -650,7 +668,6 @@ a:not([href]):not([class]):hover {
650668 border : 8px solid $primary ;
651669 transform : translateX (-50% ) translateY (-50% ) rotate (0deg );
652670 animation : 6s alternate ease-in-out tipsy;
653- // animation-play-state: paused;
654671 }
655672
656673 a .dash-sign :before {
@@ -665,11 +682,10 @@ a:not([href]):not([class]):hover {
665682
666683 a .dash-sign :visited {
667684 color : $white ;
668- // animation-play-state: running;
669685 }
670686
671687 a .dash-sign :hover {
672- color : #ebc017 !important ;
688+ color : #ebc017 ;
673689 }
674690}
675691
0 commit comments