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

Style nav buttons

Browse Source
This commit is contained in:
Piotr Osiewicz
2023-08-13 01:29:35 +02:00
parent e151555542
commit b586601cab
5 changed files with 73 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/src/style_tree/search.ts
+55 -29
View File
@@ -250,36 +250,62 @@ export default function search(): any {
},
},
}),
nav_button: interactive({
base: {
text: text(theme.highest, "mono", "on"),
background: background(theme.highest, "on"),
corner_radius: 6,
border: {
...border(theme.highest, "on"),
left: false,
right: false,
},
padding: {
bottom: 3,
left: 10,
right: 10,
top: 3,
},
},
nav_button: toggleable({
state: {
hovered: {
...text(theme.highest, "mono", "on", "hovered"),
background: background(theme.highest, "on", "hovered"),
border: border(theme.highest, "on", "hovered"),
},
clicked: {
...text(theme.highest, "mono", "on", "pressed"),
background: background(theme.highest, "on", "pressed"),
border: border(theme.highest, "on", "pressed"),
},
},
inactive: interactive({
base: {
background: background(theme.highest, "disabled"),
text: text(theme.highest, "mono", "disabled"),
corner_radius: 6,
border: {
...border(theme.highest, "disabled"),
left: false,
right: false,
},
padding: {
bottom: 3,
left: 10,
right: 10,
top: 3,
},
},
state: {
hovered: {}
}
}),
active: interactive({
base: {
text: text(theme.highest, "mono", "on"),
background: background(theme.highest, "on"),
corner_radius: 6,
border: {
...border(theme.highest, "on"),
left: false,
right: false,
},
padding: {
bottom: 3,
left: 10,
right: 10,
top: 3,
},
},
state: {
hovered: {
...text(theme.highest, "mono", "on", "hovered"),
background: background(theme.highest, "on", "hovered"),
border: border(theme.highest, "on", "hovered"),
},
clicked: {
...text(theme.highest, "mono", "on", "pressed"),
background: background(theme.highest, "on", "pressed"),
border: border(theme.highest, "on", "pressed"),
},
},
})
}
}),
search_bar_row_height: 32,