if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2024-11-25 02:10:32 -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 MIN_TOOL_HEIGHT = 312;
const MIN_TOOL_WIDTH = 320;
const MIN_TOOL_WIDTH = 420;
const BUTTON_BAR_TOP_HEIGHT = 48;
const BUTTON_BAR_BOTTOM_HEIGHT = 72;
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;
border-radius: 16px 0px 0px 16px;
height: 32px;
width: 102px;
min-width: 102px;
width: fit-content;
}
.add-to-chat-button:hover {
@ -154,7 +155,6 @@ body.using-mouse :focus {
font-weight: 600;
font-size: 0.875rem;
padding: 8px 16px;
width: 67px;
height: 32px;
border-radius: 16px;
font-family: @font-family;
@ -238,7 +238,6 @@ body.using-mouse :focus {
justify-content: center;
position: absolute;
padding-left: 0px;
width: 143px;
min-height: 80px;
background: @vanilla-white;
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;
}
.menu:lang(fr-FR) {
left: -179px;
}
.menu:lang(ja-JP) {
left: -149px;
}
.menu-button-wrapper {
position: relative;
margin-right: 32px;
@ -272,7 +279,14 @@ body.using-mouse :focus {
.list-item:hover {
color: @vanilla-white;
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 {