Commit before trying new layout

This commit is contained in:
unsettledgames 2021-02-05 12:42:40 +01:00
parent b44eaf0d3f
commit 598bf20d46
4 changed files with 57 additions and 22 deletions

View File

@ -1553,8 +1553,6 @@ div#pb-options {
background-color: #232125 !important;
opacity: 1 !important;
display: none !important;
#splash-input {
width:70%;
@ -1661,9 +1659,44 @@ div#pb-options {
position: absolute;
width:70%;
bottom:40px;
height:40px;
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;
}
}
}
#splash-news {

View File

@ -8,6 +8,5 @@ window.onload = function(){
newPixel(getValue('size-width'),getValue('size-height'), getValue('editor-mode'));
else
//otherwise show the new pixel dialog
if (settings.showLog != undefined && !settings.showLog)
showDialogue('new-pixel', false);
showDialogue('splash', false);
};

View File

@ -9,7 +9,6 @@ var settingsFromCookie = Cookies.get('pixelEditorSettings');
if(!settingsFromCookie) {
console.log('settings cookie not found');
settings = {
showLog: true,
switchToChangedColor: true,
enableDynamicCursorOutline: true, //unused - performance
enableBrushPreview: true, //unused - performance
@ -39,7 +38,6 @@ function saveSettings() {
//save new settings to settings object
settings.numberOfHistoryStates = getValue('setting-numberOfHistoryStates');
settings.pixelGridColour = getValue('setting-pixelGridColour');
settings.showLog = false;
// Filling pixel grid again if colour changed
fillPixelGrid();

View File

@ -13,7 +13,6 @@
</head>
<body oncontextmenu="return false;">
<div id="compatibility-warning">
<div><div>
<p><strong>Warning: a modern, desktop, web browser is required to use this tool.</strong></p>
@ -247,9 +246,9 @@
<h2>Size</h2>
<input id="size-width" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" />{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" />
<h2>Palette</h2>
<button id="palette-button" class="dropdown-button">Choose a palette...</button>
<!--<button id="palette-button" class="dropdown-button">Choose a palette...</button>
<div id="palette-menu" class="dropdown-menu"><button id="no-palette-button">Empty Palette</button><button id="load-palette-button">Load palette...</button></div>
-->
<div id="new-pixel-warning">Creating a new pixel will discard your current one.</div>
<div>
<button id="create-button" class="default">Create</button>
@ -336,10 +335,27 @@
Quickstart
</div>
<div id="sp-mode-palette">
<span>Interface mode:
<div class="button-menu">
<div class="bm-left"><p>Basic</p></div>
<div class="sp-interface-selected bm-right"><p>Advanced</p></div>
</div>
</span>
<span>Palette:
<button id="palette-button" class="dropdown-button">Choose a palette...</button>
<div id="palette-menu" class="dropdown-menu">
<button id="no-palette-button">Empty Palette</button>
<button id="load-palette-button">Load palette...</button>
</div>
</span>
</div>
<div id="sp-quickstart">
<div class="sp-template"><p>Load</p></div>
<div class="sp-template"><p><span>New</span> custom</p></div>
<div class="sp-template"><p><span>New</span> Gameboy</p></div>
<div class="sp-template" onclick="newPixel()"><p><span>New</span> Gameboy</p></div>
<div class="sp-template"><p><span>New</span> C64</p></div>
<div class="sp-template"><p><span>New</span> Pico8</p></div>
<div class="sp-template"><p><span>New</span> 32x32</p></div>
@ -348,17 +364,6 @@
<div class="sp-template"><p><span>New</span> 256x256</p></div>
<div class="sp-template"><p><span>New</span> 512x512</p></div>
</div>
<div id="sp-mode-palette">
<span>Interface mode:
<span class="button-menu">
<button>Basic mode</button>
<button class="button-menu-selected">Advanced mode</button>
</span>
</span>
<span>Palette: </span>
</div>
</div>
</div>
</div>