ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Update styles

This commit is contained in:
Ramon Wenger 2018-09-13 16:24:46 +02:00
parent 2ffeca189a
commit daddb24fcc
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/Checkbox.vue
View File

@ -34,10 +34,12 @@
@import "@/styles/_variables.scss";
.checkbox-container {
display: flex;
display: inline-flex;
flex-direction: row;
align-items: center;
margin-right: 10px;
cursor: pointer;
width: auto;
svg {
width: 15px;

10
client/src/components/ContentBlock.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="content-block__container">
<div class="content-block" :class="specialClass">
<div class="content-block__visibility-button">
<a @click="toggleVisibility()">
<div class="content-block__visibility">
<a @click="toggleVisibility()" class="content-block__visibility-button">
<eye-icon class="content-block__visibility-icon"></eye-icon>
</a>
<visibility-popover :show="showVisibility" :content-block="contentBlock"></visibility-popover>
@ -85,12 +85,16 @@
line-height: 1.5;
}
&__visibility-button {
&__visibility {
position: absolute;
left: -70px;
top: -4px;
}
&__visibility-button {
cursor: pointer;
}
&__visibility-icon {
width: 40px;
height: 40px;