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

Started tool tutorials

Browse Source
This commit is contained in:
Nicola
2022-01-25 00:33:23 +01:00
parent 33f362ef09
commit 2e360dcf51
11 changed files with 125 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
css/_main-menu.scss
View File

@@ -69,7 +69,7 @@
/*app title*/
/* app title */
.logo {
color: lighten($basecolor, 20%);
@@ -83,3 +83,46 @@
#main-menu li.open, #main-menu li button:hover {
background: $basehover;
}
/* Editor info */
li#editor-info {
float:right;
height:100%;
display:flex;
align-items: center;
background-color: $basecolor;
color:$basetext;
ul {
background-color: $basecolor;
display:block;
position:relative;
top:0px;
padding-top:0px;
box-shadow: none;
padding-bottom: 0px;
li {
top:0px;
padding-top:0px;
display:inline;
padding-right:20px;
}
input {
margin-left:10px;
background-color:$basehovertext;
box-shadow:none;
border:none;
vertical-align: middle;
border-radius:5px;
}
input[type=text] {
width:20px;
height:15px;
}
input[type=checkbox] {
width:15px;
height:15px;
}
}
}

1
css/_splash-page.scss
View File

@@ -3,6 +3,7 @@
#splash {
width:100% !important;
height:100%!important;
position:absolute;
background-color: #232125 !important;
opacity: 1 !important;

25
css/_tools-menu.scss
View File

@@ -108,4 +108,29 @@
#tools-menu li:hover {
background: $basehover;
}
/* Tool tutorial */
#tool-tutorial {
display:inline-block;
position:absolute;
z-index:4000;
margin-left:48px;
margin-top:48px;
background-color: $basehover;
color:$basetext;
font-size:14px;
width:20%;
border-radius:0 5px 5px 5px;
img {
width:100%;
}
}
#tool-tutorial:after {
border-left: 11px solid #222;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: relative;
}