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

Fix some more IE11 issues

This commit is contained in:
Ramon Wenger 2019-04-14 21:09:56 +02:00
parent d7b9fa0106
commit 67370f7b4f
6 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/content-forms/ContentBlockElementChooserWidget.vue
View File

@ -128,7 +128,7 @@
&__link-icon { &__link-icon {
width: 40px; width: 40px;
height: auto; height: 40px;
margin-bottom: 15px; margin-bottom: 15px;
} }

1
client/src/components/modules/ModuleTeaser.vue
View File

@ -35,6 +35,7 @@
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12);
border: 1px solid #E2E2E2; border: 1px solid #E2E2E2;
height: 330px; height: 330px;
max-width: 380px;
width: 100%; width: 100%;
border-radius: 12px; border-radius: 12px;
overflow: hidden; overflow: hidden;

2
client/src/layouts/DefaultLayout.vue
View File

@ -77,7 +77,7 @@
* For IE10+ * For IE10+
*/ */
display: -ms-grid; display: -ms-grid;
-ms-grid-rows: 50px 30px 1fr; // 1 extra row for gap -ms-grid-rows: 50px 30px auto; // 1 extra row for gap
-ms-grid-columns: 1fr; -ms-grid-columns: 1fr;
@include skillbox-colors; @include skillbox-colors;

1
client/src/pages/book.vue
View File

@ -26,6 +26,7 @@
&__content { &__content {
display: -ms-grid; display: -ms-grid;
-ms-grid-columns: 1200px;
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
} }

20
client/src/pages/portfolio.vue
View File

@ -44,7 +44,7 @@
} }
}, },
data () { data() {
return { return {
projects: [], projects: [],
me: {} me: {}
@ -52,7 +52,7 @@
}, },
computed: { computed: {
userId () { userId() {
return this.me.id; return this.me.id;
} }
}, },
@ -79,7 +79,7 @@
}) })
}, },
editProject(id) { editProject(id) {
this.$router.push({name: 'edit-project', params: { id }}); this.$router.push({name: 'edit-project', params: {id}});
}, },
updateShareState(id, state) { updateShareState(id, state) {
const project = this.projects.filter(project => project.id === id)[0]; const project = this.projects.filter(project => project.id === id)[0];
@ -111,23 +111,25 @@
flex-direction: column; flex-direction: column;
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
grid-template-columns: minmax(max-content, 840px);
} }
grid-row-gap: 30px; grid-row-gap: 30px;
grid-auto-rows: 200px; grid-auto-rows: 200px;
max-width: 640px; max-width: 840px;
width: auto; width: 100vh;
justify-self: center; /*justify-self: center;*/
box-sizing: border-box; box-sizing: border-box;
padding: $large-spacing $medium-spacing; padding: $large-spacing $medium-spacing;
&__page { &__page {
display: flex; display: flex;
flex-direction: column;
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
align-content: start;
justify-content: center;
} }
align-content: center; align-items: center;
justify-content: center;
padding-top: $large-spacing; padding-top: $large-spacing;
} }

3
client/src/pages/topic.vue
View File

@ -93,7 +93,8 @@
&__modules { &__modules {
margin-top: 40px; margin-top: 40px;
display: -ms-grid; display: flex;
flex-wrap: wrap;
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
} }