wbrawner/tasks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Correctly set opacity and cursor on hover

Browse source 
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
This commit is contained in:
Raimund Schlüßler 2019-12-09 21:20:23 +01:00
parent f0bfa2dfed
commit baa5fd722e
No known key found for this signature in database
GPG key ID: 036FA7EB1A599178
2 changed files with 8 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
css/src/style.scss
View file

@ -656,7 +656,7 @@
display: flex;
justify-content: space-between;
>span, button {
>span {
padding: 14px;
&.info {
@ -667,16 +667,6 @@
display: block;
}
}
button {
box-sizing: border-box;
width: 44px;
height: 44px;
margin: 0;
cursor: pointer;
border: none;
background-color: transparent;
}
}
.title {
@ -780,17 +770,13 @@
margin: 17px 6px;
}
.action {
button {
padding: 10px;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
.icon {
height: 16px;
width: 16px;
transform: scale(1.5);
}
}

12
src/components/TheDetails.vue
View file

@ -59,14 +59,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
</div>
</div>
<TaskStatusDisplay :task="task" />
<span class="action reactive" @click="togglePinned(task)">
<button class="reactive inline" @click="togglePinned(task)">
<span :class="[{'disabled': task.calendar.readOnly}, iconPinned]" class="icon" />
</span>
<span class="action reactive" @click="toggleStarred(task)">
</button>
<button class="reactive inline" @click="toggleStarred(task)">
<span :class="[{'disabled': task.calendar.readOnly}, iconStar]"
class="icon"
/>
</span>
</button>
</div>
<div class="body">
<ul class="sections">
@ -369,7 +369,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
</div>
<div class="footer">
<button :style="{visibility: task.calendar.readOnly ? 'hidden' : 'visible'}"
class="close-all reactive"
class="close-all reactive inline"
@click="removeTask"
>
<span class="icon icon-bw icon-trash" />
@ -382,7 +382,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
>
<span class="icon icon-info" />
</span>
<button class="close-all reactive" @click="closeDetails">
<button class="close-all reactive inline" @click="closeDetails">
<span class="icon icon-bw icon-hide" />
</button>
</div>