mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

resized grid color picker

Browse Source
This commit is contained in:
Nick van Santen 2021-01-03 23:11:02 +01:00
parent fb22477b45
commit 5b0dbdd638
2 changed files with 4 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/css/settings-application.css
View File

@ -93,29 +93,9 @@
margin: 5px 5px 0 5px; margin: 5px 5px 0 5px;
} }
.grid-color-container .sp-preview {
.grid-colors-list { width: 16px;
overflow: hidden; height: 16px;
padding: 0 5px;
}
.grid-colors-item {
float: left;
width: 20px;
height: 20px;
cursor: pointer;
border: 2px solid #888;
margin-right: 2px;
margin-bottom: 2px;
box-sizing: border-box;
}
.grid-colors-item:hover {
border-color: white;
}
.grid-colors-item.selected {
border-color: gold;
} }
.settings-section-preferences > .settings-title { .settings-section-preferences > .settings-title {

2
src/templates/settings/preferences/grid.html
View File

@ -28,7 +28,7 @@
</div> </div>
<div class="settings-item settings-item-grid-color"> <div class="settings-item settings-item-grid-color">
<label>Grid color</label> <label>Grid color</label>
<div class="tool-icon"> <div class="grid-color-container">
<input id="grid-color-picker" class="color" type="text"/> <input id="grid-color-picker" class="color" type="text"/>
</div> </div>
</div> </div>