oak-team/oak-gpui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style mode/option buttons

Browse Source
This commit is contained in:
Piotr Osiewicz
2023-08-11 16:32:15 +02:00
parent 3d103546bc
commit 9e9b3093a9
2 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
crates/search/src/search_bar.rs
+1
View File
@@ -223,6 +223,7 @@ pub(crate) fn render_option_button_icon<V: View>(
.contained()
.with_style(style.container)
.constrained()
.with_height(22.)
})
.on_click(MouseButton::Left, on_click)
.with_cursor_style(CursorStyle::PointingHand)
styles/src/style_tree/search.ts
+25 -14
View File
@@ -47,22 +47,30 @@ export default function search(): any {
background: background(theme.highest, "on"),
corner_radius: 2,
margin: { right: 2 },
border: { width: 0, color: foreground(theme.highest, "variant") },
border: {
width: 1., color: background(theme.highest, "on")
},
padding: {
bottom: 6,
left: 6,
right: 6,
top: 6,
bottom: 4,
left: 4,
right: 4,
top: 4,
},
},
state: {
hovered: {
...text(theme.highest, "mono", "on", "hovered"),
background: background(theme.highest, "on", "hovered"),
border: {
width: 1., color: background(theme.highest, "on", "hovered")
},
},
clicked: {
...text(theme.highest, "mono", "on", "pressed"),
background: background(theme.highest, "on", "pressed"),
border: {
width: 1., color: background(theme.highest, "on", "pressed")
},
},
},
}),
@@ -186,8 +194,8 @@ export default function search(): any {
mode_button: toggleable({
base: interactive({
base: {
...text(theme.highest, "mono", "on"),
background: background(theme.highest, "on"),
...text(theme.highest, "mono", "variant"),
background: background(theme.highest, "variant"),
border: {
...border(theme.highest, "on"),
@@ -205,13 +213,13 @@ export default function search(): any {
},
state: {
hovered: {
...text(theme.highest, "mono", "on", "hovered"),
background: background(theme.highest, "on", "hovered"),
...text(theme.highest, "mono", "variant", "hovered"),
background: background(theme.highest, "variant", "hovered"),
border: border(theme.highest, "on", "hovered"),
},
clicked: {
...text(theme.highest, "mono", "on", "pressed"),
background: background(theme.highest, "on", "pressed"),
...text(theme.highest, "mono", "variant", "pressed"),
background: background(theme.highest, "variant", "pressed"),
border: border(theme.highest, "on", "pressed"),
},
},
@@ -219,13 +227,16 @@ export default function search(): any {
state: {
active: {
default: {
...text(theme.highest, "mono", "accent"),
...text(theme.highest, "mono", "on"),
background: background(theme.highest, "on")
},
hovered: {
...text(theme.highest, "mono", "accent", "hovered"),
...text(theme.highest, "mono", "on", "hovered"),
background: background(theme.highest, "on", "hovered")
},
clicked: {
...text(theme.highest, "mono", "accent", "pressed"),
...text(theme.highest, "mono", "on", "pressed"),
background: background(theme.highest, "on", "pressed")
},
},
},