From 9c2677ea6e49fbe27f949fa183fefe50396235d8 Mon Sep 17 00:00:00 2001 From: unsettledgames <47360416+unsettledgames@users.noreply.github.com> Date: Wed, 17 Feb 2021 12:57:32 +0100 Subject: [PATCH] Finally placed the window Could be a bit better, but I suck at CSS --- css/pixel-editor.scss | 92 +++++++++++++++++++++++------------------- views/pixel-editor.hbs | 54 ++++++++++++++----------- 2 files changed, 80 insertions(+), 66 deletions(-) diff --git a/css/pixel-editor.scss b/css/pixel-editor.scss index fed8175..87963a7 100644 --- a/css/pixel-editor.scss +++ b/css/pixel-editor.scss @@ -1610,10 +1610,9 @@ div#pb-options { #sp-quickstart { position:relative; - width: 80%; + width: 70%; margin-top:-20px; - margin-left:10%; - left:0px; + margin-left:20px } #sp-quickstart-title { @@ -1654,47 +1653,56 @@ div#pb-options { } } - #sp-mode-palette { - text-align: center; - position: absolute; - width:70%; - bottom:40px; - font-size:18px; - font-weight: bold; + #sp-newpixel { + display: inline-block; + width:35%; + height:64vh; + padding:20px; + position:relative; + background-color:$basecolor; + top:-47px; - div.button-menu { - border:3px solid $basetextweak; - border-radius:5px; - position:relative; - display:inline-block; - padding: 0 0 0 0; - text-align:left; - -ms-transform: translateY(38%); - transform: translateY(38%); - - div { - border:none; - padding:none; - margin:none; - background-color:transparent; - width:100px; - float:left; - text-align: center; - height:30px; - cursor:pointer; - - p { - -ms-transform: translateY(-50%); - transform: translateY(-50%); + #sp-mode-palette { + text-align: center; + position: relative; + float:bottom; + font-size:18px; + font-weight: bold; + + div.button-menu { + border:3px solid $basetextweak; + border-radius:5px; + position:relative; + display:inline-block; + padding: 0 0 0 0; + text-align:left; + -ms-transform: translateY(38%); + transform: translateY(38%); + + div { + border:none; + padding:none; + margin:none; + background-color:transparent; + width:100px; + float:left; + text-align: center; + height:30px; + cursor:pointer; + + p { + -ms-transform: translateY(-50%); + transform: translateY(-50%); + } + } + + .bm-right { + border-left:3px solid $basetextweak; + } + + .sp-interface-selected { + background-color: $basetextweak; } - } - - .bm-right { - border-left:3px solid $basetextweak; - } - - .sp-interface-selected { - background-color: $basetextweak; } } } diff --git a/views/pixel-editor.hbs b/views/pixel-editor.hbs index 2cfcff2..1efdb01 100644 --- a/views/pixel-editor.hbs +++ b/views/pixel-editor.hbs @@ -331,38 +331,44 @@ -
Load
New Gameboy
New C64
New Pico8
New 32x32
New 64x64
New 128x128
New 256x256
Load
New custom
New Gameboy
New C64
New Pico8
New 32x32
New 64x64
New 128x128
New 256x256
New 512x512