if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2025-02-20 11:48:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

SDA-3892 macOS styling (#1521)

Browse Source
This commit is contained in:
Salah Benmoussati 2022-10-21 10:36:12 +02:00 committed by GitHub
parent 4343bcc2e6
commit 572cf8f777
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1100,12 +1100,13 @@ export class WindowHandler {
const opts: BrowserWindowConstructorOptions = this.getWindowOpts( const opts: BrowserWindowConstructorOptions = this.getWindowOpts(
{ {
width: 404, width: 404,
height: 480, height: isWindowsOS ? 480 : 497,
modal: true, modal: true,
frame: false, frame: false,
alwaysOnTop: isMac, alwaysOnTop: isMac,
resizable: false, resizable: false,
fullscreenable: false, fullscreenable: false,
transparent: true,
}, },
{ {
devTools: isDevEnv, devTools: isDevEnv,

13
src/renderer/styles/about-app.less
View File

@ -30,8 +30,14 @@ body {
background: @graphite-80; background: @graphite-80;
align-items: flex-start; align-items: flex-start;
flex: 1; flex: 1;
height: 480px; height: 100%;
box-sizing: border-box; box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 8px;
&-main-title { &-main-title {
text-align: left; text-align: left;
@ -53,6 +59,7 @@ body {
&-symphony-section > li { &-symphony-section > li {
padding-bottom: 8px; padding-bottom: 8px;
display: flex;
} }
&-symphony-section > li:last-child { &-symphony-section > li:last-child {
@ -60,6 +67,9 @@ body {
} }
&-symphony-section > li > span { &-symphony-section > li > span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 8px; padding-left: 8px;
} }
@ -100,6 +110,7 @@ body {
flex-direction: column; flex-direction: column;
margin-bottom: 32px; margin-bottom: 32px;
grid-area: main; grid-area: main;
max-width: 100%;
} }
&-copy-container { &-copy-container {