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"; @import "@/styles/_variables.scss";
.checkbox-container { .checkbox-container {
display: flex; display: inline-flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-right: 10px; margin-right: 10px;
cursor: pointer;
width: auto;
svg { svg {
width: 15px; width: 15px;

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

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