if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2024-11-28 19:53:53 -06:00
Code Issues Packages Projects Releases Wiki Activity

SDA-3984 CSS adjustments (#1623)

Browse Source 
* SDA-3984 CSS adjustments

* SDA-3984 Increasing min width of the window
This commit is contained in:
Salah Benmoussati 2023-01-12 09:42:21 +01:00 committed by GitHub
parent 871efaaae1
commit eb04c465d2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/window-handler.ts
View File

@ -1228,7 +1228,7 @@ export class WindowHandler {
const OS_PADDING = 25; const OS_PADDING = 25;
const MIN_TOOL_HEIGHT = 312; const MIN_TOOL_HEIGHT = 312;
const MIN_TOOL_WIDTH = 320; const MIN_TOOL_WIDTH = 420;
const BUTTON_BAR_TOP_HEIGHT = 48; const BUTTON_BAR_TOP_HEIGHT = 48;
const BUTTON_BAR_BOTTOM_HEIGHT = 72; const BUTTON_BAR_BOTTOM_HEIGHT = 72;
const BUTTON_BARS_HEIGHT = BUTTON_BAR_TOP_HEIGHT + BUTTON_BAR_BOTTOM_HEIGHT; const BUTTON_BARS_HEIGHT = BUTTON_BAR_TOP_HEIGHT + BUTTON_BAR_BOTTOM_HEIGHT;

22
src/renderer/styles/snipping-tool.less
View File

@ -135,7 +135,8 @@ body.using-mouse :focus {
text-transform: uppercase; text-transform: uppercase;
border-radius: 16px 0px 0px 16px; border-radius: 16px 0px 0px 16px;
height: 32px; height: 32px;
width: 102px; min-width: 102px;
width: fit-content;
} }
.add-to-chat-button:hover { .add-to-chat-button:hover {
@ -154,7 +155,6 @@ body.using-mouse :focus {
font-weight: 600; font-weight: 600;
font-size: 0.875rem; font-size: 0.875rem;
padding: 8px 16px; padding: 8px 16px;
width: 67px;
height: 32px; height: 32px;
border-radius: 16px; border-radius: 16px;
font-family: @font-family; font-family: @font-family;
@ -238,7 +238,6 @@ body.using-mouse :focus {
justify-content: center; justify-content: center;
position: absolute; position: absolute;
padding-left: 0px; padding-left: 0px;
width: 143px;
min-height: 80px; min-height: 80px;
background: @vanilla-white; background: @vanilla-white;
box-shadow: 0px 2px 4px rgba(5, 6, 6, 0.08), 0px 12px 28px rgba(5, 6, 6, 0.16); box-shadow: 0px 2px 4px rgba(5, 6, 6, 0.08), 0px 12px 28px rgba(5, 6, 6, 0.16);
@ -247,6 +246,14 @@ body.using-mouse :focus {
cursor: pointer; cursor: pointer;
} }
.menu:lang(fr-FR) {
left: -179px;
}
.menu:lang(ja-JP) {
left: -149px;
}
.menu-button-wrapper { .menu-button-wrapper {
position: relative; position: relative;
margin-right: 32px; margin-right: 32px;
@ -272,7 +279,14 @@ body.using-mouse :focus {
.list-item:hover { .list-item:hover {
color: @vanilla-white; color: @vanilla-white;
background-color: @graphite-60; background-color: @graphite-60;
border-radius: 8px; }
.list-item:hover:first-of-type {
border-radius: 8px 8px 0 0;
}
.list-item:hover:last-of-type {
border-radius: 0 0 8px 8px;
} }
.list-item:focus { .list-item:focus {