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

Move the collab panel to the left by default

Browse Source 
Increase the indent size on channels
Switch font UI mono
This commit is contained in:
Mikayla
2023-08-18 15:04:22 -07:00
parent d1aa82bb48
commit 8ef671d7a1
6 changed files with 78 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/src/style_tree/collab_panel.ts
+16 -16
View File
@@ -37,7 +37,7 @@ export default function contacts_panel(): any {
width: 14,
},
name: {
...text(layer, "ui_sans", { size: "sm" }),
...text(layer, "sans", { size: "sm" }),
margin: {
left: NAME_MARGIN,
right: 4,
@@ -69,7 +69,7 @@ export default function contacts_panel(): any {
const subheader_row = toggleable({
base: interactive({
base: {
...text(layer, "ui_sans", { size: "sm" }),
...text(layer, "sans", { size: "sm" }),
padding: {
left: SPACING,
right: SPACING,
@@ -87,7 +87,7 @@ export default function contacts_panel(): any {
state: {
active: {
default: {
...text(theme.lowest, "ui_sans", { size: "sm" }),
...text(theme.lowest, "sans", { size: "sm" }),
background: background(theme.lowest),
},
clicked: {
@@ -100,8 +100,8 @@ export default function contacts_panel(): any {
const filter_input = {
background: background(layer, "on"),
corner_radius: 6,
text: text(layer, "ui_sans", "base"),
placeholder_text: text(layer, "ui_sans", "base", "disabled", {
text: text(layer, "sans", "base"),
placeholder_text: text(layer, "sans", "base", "disabled", {
size: "xs",
}),
selection: theme.players[0],
@@ -140,7 +140,7 @@ export default function contacts_panel(): any {
},
active: {
default: {
...text(theme.lowest, "ui_sans", { size: "sm" }),
...text(theme.lowest, "sans", { size: "sm" }),
background: background(theme.lowest),
},
clicked: {
@@ -194,10 +194,10 @@ export default function contacts_panel(): any {
add_channel_button: header_icon_button,
leave_call_button: header_icon_button,
row_height: ITEM_HEIGHT,
channel_indent: INDENT_SIZE,
channel_indent: INDENT_SIZE * 2,
section_icon_size: 14,
header_row: {
...text(layer, "ui_sans", { size: "sm", weight: "bold" }),
...text(layer, "sans", { size: "sm", weight: "bold" }),
margin: { top: SPACING },
padding: {
left: SPACING,
@@ -251,7 +251,7 @@ export default function contacts_panel(): any {
},
active: {
default: {
...text(theme.lowest, "ui_sans", { size: "sm" }),
...text(theme.lowest, "sans", { size: "sm" }),
background: background(theme.lowest),
},
clicked: {
@@ -262,7 +262,7 @@ export default function contacts_panel(): any {
}),
channel_row: item_row,
channel_name: {
...text(layer, "ui_sans", { size: "sm" }),
...text(layer, "sans", { size: "sm" }),
margin: {
left: NAME_MARGIN,
},
@@ -279,7 +279,7 @@ export default function contacts_panel(): any {
list_empty_state: toggleable({
base: interactive({
base: {
...text(layer, "ui_sans", "variant", { size: "sm" }),
...text(layer, "sans", "variant", { size: "sm" }),
padding: {
top: SPACING / 2,
bottom: SPACING / 2,
@@ -301,7 +301,7 @@ export default function contacts_panel(): any {
},
active: {
default: {
...text(theme.lowest, "ui_sans", { size: "sm" }),
...text(theme.lowest, "sans", { size: "sm" }),
background: background(theme.lowest),
},
clicked: {
@@ -325,12 +325,12 @@ export default function contacts_panel(): any {
right: 4,
},
background: background(layer, "hovered"),
...text(layer, "ui_sans", "hovered", { size: "xs" })
...text(layer, "sans", "hovered", { size: "xs" })
},
contact_status_free: indicator({ layer, color: "positive" }),
contact_status_busy: indicator({ layer, color: "negative" }),
contact_username: {
...text(layer, "ui_sans", { size: "sm" }),
...text(layer, "sans", { size: "sm" }),
margin: {
left: NAME_MARGIN,
},
@@ -347,7 +347,7 @@ export default function contacts_panel(): any {
color: foreground(layer, "on"),
},
calling_indicator: {
...text(layer, "mono", "variant", { size: "xs" }),
...text(layer, "sans", "variant", { size: "xs" }),
},
tree_branch: toggleable({
base: interactive({
@@ -380,7 +380,7 @@ export default function contacts_panel(): any {
},
name: {
...project_row.name,
...text(layer, "mono", { size: "sm" }),
...text(layer, "sans", { size: "sm" }),
},
},
state: {
styles/src/style_tree/context_menu.ts
+1 -1
View File
@@ -19,7 +19,7 @@ export default function context_menu(): any {
icon_width: 14,
padding: { left: 6, right: 6, top: 2, bottom: 2 },
corner_radius: 6,
label: text(theme.middle, "ui_sans", { size: "sm" }),
label: text(theme.middle, "sans", { size: "sm" }),
keystroke: {
...text(theme.middle, "sans", "variant", {
size: "sm",