Update: Body selectors with filters

rielAsh24 · rielAsh24 · commit c362fa2a2127 · 2023-05-30T22:18:44.000+05:30
Added data-format body selectors to the css
diff --git a/packages/application/style/base.css b/packages/application/style/base.css
@@ -80,13 +80,13 @@ body[data-notebook='edit'] #spacer-widget-bottom {
   box-shadow: var(--jp-elevation-z4);
 }
 
-#main-panel .jp-TreePanel {
+body[data-format='desktop'] #main-panel .jp-TreePanel {
   padding: 0rem 2rem;
 }
 
-@media screen and (max-width: 760px) {
-  #main-panel .jp-TreePanel {
-    padding: 0rem;
+@media only screen and (max-width: 760px) {
+  body[data-format='mobile'] #main-panel .jp-TreePanel {
+    padding: 0rem 0rem;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -80,13 +80,13 @@ body[data-notebook='edit'] #spacer-widget-bottom {`
`80`	`80`	`box-shadow: var(--jp-elevation-z4);`
`81`	`81`	`}`
`82`	`82`
`83`		`-#main-panel .jp-TreePanel {`
	`83`	`+body[data-format='desktop'] #main-panel .jp-TreePanel {`
`84`	`84`	`padding: 0rem 2rem;`
`85`	`85`	`}`
`86`	`86`
`87`		`-@media screen and (max-width: 760px) {`
`88`		`- #main-panel .jp-TreePanel {`
`89`		`- padding: 0rem;`
	`87`	`+@media only screen and (max-width: 760px) {`
	`88`	`+ body[data-format='mobile'] #main-panel .jp-TreePanel {`
	`89`	`+ padding: 0rem 0rem;`
`90`	`90`	`}`
`91`	`91`	`}`
`92`	`92`