_tauos.scss - Improve view-title // Improve drag handle targetting on BottomSheet

lainsce · web-flow · commit 9efe7a91f0a5 · 2024-07-24T23:08:02.000+09:00
diff --git a/Helium/gtk-4.0/_tauos.scss b/Helium/gtk-4.0/_tauos.scss
@@ -15,8 +15,8 @@
 }
 
 .view-title {
-  font-size: 18pt;
-  line-height: 20pt;
+  font-size: 24pt;
+  line-height: 22pt;
   letter-spacing: 0.15px;
   font-feature-settings: "ss02", "ss04", "ss05", "ss08";
 }
@@ -1938,14 +1938,14 @@ button.image-button.disclosure-button {
 }
 
 .drag-handle-container {
-  min-height: 20pt;
+  min-height: px-to-rem(48px);
 }
 
 .drag-handle {
   margin: 0;
   padding: 0;
-  min-width: px-to-rem(32px);
-  min-height: px-to-rem(4px);
+  min-width: px-to-rem(64px);
+  min-height: px-to-rem(8px);
   background: gtkalpha($outline, 0.4);
 }
 
@@ -1982,8 +1982,8 @@ button.image-button.disclosure-button {
     font-weight: 400;
     .day {
       font-weight: 600;
-	    border-radius: px-to-rem(999px);
-	    background: $accent_bg_color;
+	  border-radius: px-to-rem(999px);
+	  background: $accent_bg_color;
       color: $accent_fg_color;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -15,8 +15,8 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.view-title {`
`18`		`- font-size: 18pt;`
`19`		`- line-height: 20pt;`
	`18`	`+ font-size: 24pt;`
	`19`	`+ line-height: 22pt;`
`20`	`20`	`letter-spacing: 0.15px;`
`21`	`21`	`font-feature-settings: "ss02", "ss04", "ss05", "ss08";`
`22`	`22`	`}`
`@@ -1938,14 +1938,14 @@ button.image-button.disclosure-button {`
`1938`	`1938`	`}`
`1939`	`1939`
`1940`	`1940`	`.drag-handle-container {`
`1941`		`- min-height: 20pt;`
	`1941`	`+ min-height: px-to-rem(48px);`
`1942`	`1942`	`}`
`1943`	`1943`
`1944`	`1944`	`.drag-handle {`
`1945`	`1945`	`margin: 0;`
`1946`	`1946`	`padding: 0;`
`1947`		`- min-width: px-to-rem(32px);`
`1948`		`- min-height: px-to-rem(4px);`
	`1947`	`+ min-width: px-to-rem(64px);`
	`1948`	`+ min-height: px-to-rem(8px);`
`1949`	`1949`	`background: gtkalpha($outline, 0.4);`
`1950`	`1950`	`}`
`1951`	`1951`
`@@ -1982,8 +1982,8 @@ button.image-button.disclosure-button {`
`1982`	`1982`	`font-weight: 400;`
`1983`	`1983`	`.day {`
`1984`	`1984`	`font-weight: 600;`
`1985`		`- border-radius: px-to-rem(999px);`
`1986`		`- background: $accent_bg_color;`
	`1985`	`+ border-radius: px-to-rem(999px);`
	`1986`	`+ background: $accent_bg_color;`
`1987`	`1987`	`color: $accent_fg_color;`
`1988`	`1988`	`}`
`1989`	`1989`	`}`