Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-08-04 20:36:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

Round off notification focus outlines (#225824)

Browse Source 
* Round off notification focus outlines

* more changes needed

* hygiene

---------

Co-authored-by: Benjamin Pasero <benjamin.pasero@gmail.com>
This commit is contained in:
Anees Ahee
2024-08-19 16:05:37 +01:00
committed by GitHub
parent 3dc8c38c92
commit 6b35f9e5d3
3 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/browser/parts/notifications/media/notificationsCenter.css
+3 -5
View File
@@ -44,14 +44,12 @@
justify-content: flex-end;
}
.monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row[data-last-element="false"] > .notification-list-item {
.monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row:not(:last-child) > .notification-list-item {
border-bottom: 1px solid var(--vscode-notifications-border);
}
.monaco-workbench > .notifications-center .notifications-list-container,
.monaco-workbench > .notifications-center .notifications-list-container .monaco-scrollable-element,
.monaco-workbench > .notifications-center .notifications-list-container .notification-list-item {
border-radius: 0;
.monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row:last-child {
border-radius: 0px 0px 4px 4px; /* adopt the border radius at the end of the notifications center */
}
/* Icons */
src/vs/workbench/browser/parts/notifications/media/notificationsList.css
-6
View File
@@ -9,7 +9,6 @@
color: var(--vscode-notifications-foreground);
background: var(--vscode-notifications-background);
outline-color: var(--vscode-contrastBorder);
border-radius: inherit;
}
.monaco-workbench .notifications-list-container .notification-list-item {
@@ -19,7 +18,6 @@
padding: 10px 5px;
height: 100%;
box-sizing: border-box;
border-radius: 4px;
}
.monaco-workbench .notifications-list-container .notification-offset-helper {
@@ -29,10 +27,6 @@
word-wrap: break-word; /* never overflow long words, but break to next line */
}
.monaco-workbench .notifications-list-container .monaco-scrollable-element {
border-radius: 4px;
}
/** Notification: Main Row */
.monaco-workbench .notifications-list-container .notification-list-item > .notification-list-item-main-row {
src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css
+7
View File
@@ -30,6 +30,13 @@
transform: translate3d(0px, 100%, 0px); /* move the notification 50px to the bottom (to prevent bleed through) */
opacity: 0; /* fade the toast in */
transition: transform 300ms ease-out, opacity 300ms ease-out;
}
.monaco-workbench > .notifications-toasts .notifications-list-container,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast .monaco-scrollable-element,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast .monaco-list:not(.element-focused):focus:before,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast .monaco-list-row {
border-radius: 4px;
}