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

Remove some non-read-only elements from mobile

This commit is contained in:
Ramon Wenger 2019-04-08 17:12:52 +02:00
parent b95fd6161f
commit 1bce7a710f
4 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/AddObjectiveGroupButton.vue
View File

@ -37,15 +37,20 @@
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";
.add-objective-group-button { .add-objective-group-button {
display: grid; display: none;
grid-template-columns: 45px auto; grid-template-columns: 45px auto;
align-items: center; align-items: center;
margin-top: -20px; margin-top: -20px;
margin-bottom: 35px; margin-bottom: 35px;
cursor: pointer; cursor: pointer;
@include desktop {
display: grid;
}
&__icon { &__icon {
width: 25px; width: 25px;
height: 25px; height: 25px;

9
client/src/components/AddWidget.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<component :is="component" v-bind="properties" class="add-widget" @click="$emit('click')" :class="{ 'add-widget--reverse': reverse }"> <component :is="component" v-bind="properties" class="add-widget" @click="$emit('click')"
:class="{ 'add-widget--reverse': reverse }">
<add-icon class="add-widget__add"></add-icon> <add-icon class="add-widget__add"></add-icon>
</component> </component>
</template> </template>
@ -47,12 +48,16 @@
@import "@/styles/_mixins.scss"; @import "@/styles/_mixins.scss";
.add-widget { .add-widget {
display: flex; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@include widget-shadow; @include widget-shadow;
cursor: pointer; cursor: pointer;
@include desktop {
display: flex;
}
&__add { &__add {
width: 80px; width: 80px;
fill: $color-grey; fill: $color-grey;

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

@ -54,8 +54,12 @@
.header-bar { .header-bar {
display: -ms-grid; display: -ms-grid;
@supports (display: grid) { @supports (display: grid) {
display: none;
@include desktop {
display: grid; display: grid;
} }
}
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
background-color: $color-white; background-color: $color-white;

6
client/src/components/WidgetFooter.vue
View File

@ -34,6 +34,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";
.widget-footer { .widget-footer {
background-color: $color-grey--lighter; background-color: $color-grey--lighter;
@ -43,6 +44,11 @@
position: relative; position: relative;
border-bottom-left-radius: $default-border-radius; border-bottom-left-radius: $default-border-radius;
border-bottom-right-radius: $default-border-radius; border-bottom-right-radius: $default-border-radius;
visibility: hidden;
@include desktop {
visibility: visible;
}
/* /*
* For IE10+ * For IE10+