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

Move style for icon button

This commit is contained in:
Ramon Wenger 2018-11-20 15:20:02 +01:00
parent 0e9bd79fa6
commit 8d9cb86ae8
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/content-block-form/ContentsForm.vue
View File

@ -14,7 +14,6 @@
@input="setContentBlockType" @input="setContentBlockType"
class="contents-form__task" class="contents-form__task"
></checkbox> ></checkbox>
</template> </template>
<add-content-element class="contents-form__add" <add-content-element class="contents-form__add"
@ -44,9 +43,9 @@
v-on:assignment-change-assignment="changeAssignmentAssignment" v-on:assignment-change-assignment="changeAssignmentAssignment"
> >
</component> </component>
<a class="contents-form__remove" v-on:click="removeElement(index)"> <a class="contents-form__remove icon-button" @click="removeElement(index)">
<trash-icon v-if="type(element) !== 'content-block-element-chooser-widget'" <trash-icon v-if="type(element) !== 'content-block-element-chooser-widget'"
class="contents-form__trash-icon"></trash-icon> class="contents-form__trash-icon icon-button__icon"></trash-icon>
</a> </a>
<add-content-element class="contents-form__add" <add-content-element class="contents-form__add"
@ -267,19 +266,9 @@
} }
&__remove { &__remove {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
} }
&__trash-icon { &__trash-icon {
width: 25px;
height: 25px;
fill: $color-grey;
cursor: pointer;
justify-self: center;
} }
&__chooser { &__chooser {

16
client/src/styles/_buttons.scss
View File

@ -24,3 +24,19 @@
background-color: $color-lightgrey; background-color: $color-lightgrey;
} }
} }
.icon-button {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
&__icon {
width: 25px;
height: 25px;
fill: $color-grey;
cursor: pointer;
justify-self: center;
}
}