Improve layout and styling of contact notifications

Co-authored-by: Nathan Sobo <nathan@zed.dev>
This commit is contained in:
Max Brunsfeld 2022-05-11 14:20:05 -07:00
parent 3bc9b8ec85
commit 0ba656aa0e
18 changed files with 152 additions and 66 deletions

View file

Before

Width:  |  Height:  |  Size: 184 B

After

Width:  |  Height:  |  Size: 184 B

Before After
Before After

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#e2dfe7",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#8b8792",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#26232a3d"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#e2dfe7"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#26232a",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#585260",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#e2dfe71f"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#26232a"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#f1f1f1",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#9c9c9c",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#070707"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#c6c6c6"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#2b2b2b",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#474747",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#e3e3e3"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#393939"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#eee8d5",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#93a1a1",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#0736423d"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#eee8d5"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#073642",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#586e75",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#eee8d51f"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#073642"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#dfe2f1",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#979db4",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#2932563d"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#dfe2f1"
}
}
}
}

View file

@ -505,7 +505,7 @@
}
},
"notifications": {
"width": 256,
"width": 380,
"margin": {
"right": 10,
"bottom": 10
@ -1698,7 +1698,8 @@
"color": "#293256",
"size": 12,
"margin": {
"left": 4
"left": 8,
"right": 8
}
},
"header_height": 18,
@ -1707,6 +1708,7 @@
"color": "#5e6687",
"size": 12,
"margin": {
"left": 20,
"top": 6,
"bottom": 6
}
@ -1720,6 +1722,9 @@
"corner_radius": 6,
"margin": {
"left": 6
},
"hover": {
"background": "#dfe2f11f"
}
},
"dismiss_button": {
@ -1727,7 +1732,10 @@
"icon_width": 8,
"icon_height": 8,
"button_width": 8,
"button_height": 8
"button_height": 8,
"hover": {
"color": "#293256"
}
}
}
}