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

Issue #258 : Update style and tooltip

Browse Source
This commit is contained in:
jdescottes 2015-11-17 00:36:45 +01:00
parent 222c65a8a5
commit 3cc3204939
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/pensize.css
View File

@ -32,14 +32,10 @@
content: ''; content: '';
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #444; background-color: white;
display: block; display: block;
} }
.pen-size-option:hover:before {
background-color: #888;
}
.pen-size-option:hover { .pen-size-option:hover {
border-color: #888; border-color: #888;
} }

10
src/templates/drawing-tools.html
View File

@ -1,11 +1,11 @@
<div class="sticky-section left-sticky-section" id="tool-section"> <div class="sticky-section left-sticky-section" id="tool-section">
<div class="sticky-section-wrap"> <div class="sticky-section-wrap">
<div class="vertical-centerer"> <div class="vertical-centerer">
<div class="pen-size-container"> <div class="pen-size-container" title="Pen size<br/>from 1 to 4 pixels" rel="tooltip" data-placement="top">
<div class="pen-size-option" data-size="1" title="1 pixel pen-size" rel="tooltip" data-placement="right"></div> <div class="pen-size-option" data-size="1"></div>
<div class="pen-size-option" data-size="2" title="2 pixels pen-size" rel="tooltip" data-placement="right"></div> <div class="pen-size-option" data-size="2"></div>
<div class="pen-size-option" data-size="3" title="3 pixels pen-size" rel="tooltip" data-placement="right"></div> <div class="pen-size-option" data-size="3"></div>
<div class="pen-size-option" data-size="4" title="4 pixels pen-size" rel="tooltip" data-placement="right"></div> <div class="pen-size-option" data-size="4"></div>
</div> </div>
<ul id="tools-container" class="tools-wrapper"> <ul id="tools-container" class="tools-wrapper">
<!-- Drawing tools will be inserted here --> <!-- Drawing tools will be inserted here -->