Commit b795a4b6 authored by Pouya Kary's avatar Pouya Kary

A much better background + new size + exit button for windows/linux

parent 9b139f44
windows/about/background.png

280 KB | W: | H:

windows/about/background.png

332 KB | W: | H:

windows/about/background.png
windows/about/background.png
windows/about/background.png
windows/about/background.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -11,6 +11,7 @@
</head>
<body>
<div id="main-background">
<div id="close-button" onclick="onExit()" hidden="true">EXIT</div>
<div id="main-text">
<div id="app-name">Orchestra</div>
<div id="app-text">
......
......@@ -36,13 +36,13 @@ a {
background-color: #ECECEC;
padding: 50px;
width: 550px;
height: 290px;
height: 320px;
}
#main-text {
position: fixed;
left: 50px;
top: 257px;
top: 295px;
width: 550px;
overflow: hidden;
display: flex;
......@@ -56,8 +56,28 @@ a {
}
#app-text {
padding: 0.4rem 0 0 2rem;
padding: 0.2rem 0 0 2rem;
flex: 1;
color: #eee;
line-height: 1.5;
}
#close-button {
--button-side-padding:
10px;
position: fixed;
top: 20px;
left: 20px;
border: 1pt solid rgba(255, 255, 255, 0.7);
padding: 4px calc( var( --button-side-padding ) - 0.2em ) 2px var( --button-side-padding );
letter-spacing: 0.2em;
font-size: 9px;
border-radius: 50px;
max-width: fit-content;
}
#close-button:focus, #close-button:hover {
background-color: white;
color: black;
}
......@@ -12,10 +12,11 @@
// ─── IMPORTS ────────────────────────────────────────────────────────────────────
//
const openExternal = require( 'electron' ).shell.openExternal
const appName = require( 'electron' ).remote.app.getName( )
const { webFrame } = require( 'electron' )
const openExternal = require( 'electron' ).shell.openExternal
const appName = require( 'electron' ).remote.app.getName( )
const AboutWindow = require( 'electron' ).remote.getCurrentWindow( )
const { webFrame } = require( 'electron' )
const os = require( 'os' )
//
// ─── DISABLE ZOOM ───────────────────────────────────────────────────────────────
......@@ -56,4 +57,20 @@
document.getElementById( quartetVersionSpanId ).innerText = windowOptions.quartetVersion
}
//
// ─── EXIT BUTTON ────────────────────────────────────────────────────────────────
//
if ( os.platform( ) !== "darwin" ) {
document.getElementById( "close-button" ).hidden = false
}
//
// ─── ON EXIT ────────────────────────────────────────────────────────────────────
//
function onExit ( ) {
AboutWindow.close( )
}
// ────────────────────────────────────────────────────────────────────────────────
......@@ -184,11 +184,20 @@
console.log( parent )
const aboutWindowHeight =
415
const aboutWindowWidth =
650
let aboutWindow = new BrowserWindow({
title: 'Orchestra Hall',
titleBarStyle: 'hiddenInset',
width: 650, minWidth: 650, maxWidth: 650,
height: 390, minHeight: 390, maxHeight: 390,
width: aboutWindowWidth,
minWidth: aboutWindowWidth,
maxWidth: aboutWindowWidth,
height: aboutWindowHeight,
minHeight: aboutWindowHeight,
maxHeight: aboutWindowHeight,
//backgroundColor: ( settings.windowThemeStatus === 'dark' )? 'black' : '#ECECEC',
minimizable: false,
maximizable: false,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment