diff --git a/assets/components/atoms/definition-list/definition-list.scss b/assets/components/atoms/definition-list/definition-list.scss index 3d135856f..55362c78d 100644 --- a/assets/components/atoms/definition-list/definition-list.scss +++ b/assets/components/atoms/definition-list/definition-list.scss @@ -54,25 +54,3 @@ grid-column: 1 / span 2; } } - -@include ie11('.definition-list-grid') { - display: block; -} - -@include ie11('.definition-list-grid dt') { - float: left; - margin: 0; - border: none; -} - -@include ie11('.definition-list-grid dd') { - @include clearfix; -} - -@include ie11('.definition-list-grid .definition-list-item-full') { - float: none; - width: 100%; - - @include clearfix; -} - diff --git a/assets/components/content-types/study-plan/study-plan-ie.scss b/assets/components/content-types/study-plan/study-plan-ie.scss deleted file mode 100644 index ff629022b..000000000 --- a/assets/components/content-types/study-plan/study-plan-ie.scss +++ /dev/null @@ -1,50 +0,0 @@ -@charset "utf-8"; - -/* stylelint-disable */ -@include ie11('.table-like .cours-title') {-ms-grid-column: 2;} -@include ie11('.table-like .cours') { - -ms-grid-columns: 180px 100px 180px !important; -} -@include ie11('.table-like .line, .table-like .first-line') { - -ms-grid-columns: 100px 180px 100px 180px auto auto auto 180px 100px !important; -} -@include ie11('.table-like .section') {-ms-grid-column: 3;} -@include ie11('.table-like .enseignement') {-ms-grid-column: 4;} -@include ie11('.table-like .bachlor') { - -ms-grid-column: 5; - min-width: 160px; -} -@include ie11('.table-like .bachlor + .bachlor') {-ms-grid-column: 6;} -@include ie11('.table-like .bachlor + .bachlor + .bachlor') {-ms-grid-column: 7;} -@include ie11('.table-like .examen') {-ms-grid-column: 8;} -@include ie11('.table-like .credit') {-ms-grid-column: 9;} - -// IE 11 table contents -@include ie11('.table-like .line .cours') { - -ms-grid-column: 2; - -ms-grid-column-span: 3; -} -@include ie11('.table-like .line .bachlor') {-ms-grid-column: 5;} -@include ie11('.table-like .line .bachlor + .bachlor') {-ms-grid-column: 6;} -@include ie11('.table-like .line .bachlor + .bachlor + .bachlor') {-ms-grid-column: 7;} -@include ie11('.table-like .line .examen') {-ms-grid-column: 8;} -@include ie11('.table-like .line .credit') {-ms-grid-column: 9;} - -// IE 11 cours grid -@include ie11('.table-like .cours .section-name') { - -ms-grid-column: 2; - -ms-grid-row-span: 2; - border-left: $table-border-width solid $table-border-color; - border-right: $table-border-width solid $table-border-color; -} -@include ie11('.table-like .cours .enseignement-name') { - -ms-grid-column: 3; - -ms-grid-row-span: 2; -} -@include ie11('.table-like .cours .cours-code') {-ms-grid-row: 2;} - -// IE 11 Bachlor section -@include ie11(' .cep + .cep') {-ms-grid-column: 2;} -@include ie11('.table-like .cep + .cep + .cep') {-ms-grid-column: 3;} -@include ie11('.table-like .cep + .cep') {-ms-grid-column: 2;} -@include ie11('.table-like .bachlor-text') {-ms-grid-rows: 100%;} diff --git a/assets/components/content-types/study-plan/study-plan.yml b/assets/components/content-types/study-plan/study-plan.yml index d2a473f9c..b89e37c49 100644 --- a/assets/components/content-types/study-plan/study-plan.yml +++ b/assets/components/content-types/study-plan/study-plan.yml @@ -5,6 +5,4 @@ notes: | Please override the columns width (if they do not fit your needs) by using a CSS variable: `
`. - The default behaviour is kept on IE, the content stays readable (the table might be a bit wonky when some columns are missing though). - On mobile, the tables are scrollable horizontally. diff --git a/assets/components/entrypoint.js b/assets/components/entrypoint.js index a605c337d..822073527 100644 --- a/assets/components/entrypoint.js +++ b/assets/components/entrypoint.js @@ -1,6 +1,5 @@ /* globals jQuery, Tablesaw */ -import objectFitImages from 'object-fit-images'; import upload from './atoms/upload/upload'; import breadcrumb from './molecules/breadcrumb/breadcrumb'; import datepicker from './molecules/datepicker/datepicker'; @@ -53,14 +52,6 @@ jQuery.fn.extend({ guide(); anchors(); - - // Init polyfill for Object Fit on IE11 - const isIE11 = !!window.MSInputMethodContext && !!document.documentMode; - if (isIE11) { - objectFitImages(); - jQuery('body').addClass('ie'); - } - } }); diff --git a/assets/components/entrypoint.scss b/assets/components/entrypoint.scss index 2fe118ce9..1f409afb2 100644 --- a/assets/components/entrypoint.scss +++ b/assets/components/entrypoint.scss @@ -107,7 +107,6 @@ @import 'content-types/publication/publication'; @import 'content-types/science-question/science-question'; @import 'content-types/study-plan/study-plan'; -@import 'content-types/study-plan/study-plan-ie'; @import 'content-types/press-review/press-review'; @import 'content-types/section/section'; @import 'content-types/school/school'; diff --git a/assets/components/molecules/card/card.scss b/assets/components/molecules/card/card.scss index 7e28bebc1..64c9d331d 100644 --- a/assets/components/molecules/card/card.scss +++ b/assets/components/molecules/card/card.scss @@ -240,13 +240,6 @@ a.card { } } -// Fix for IE not handling image height correctly -// https://github.com/philipwalton/flexbugs/issues/75 -.card-img-top, -.card-overlay .card-img { - min-height: 1px; -} - // Grayscale look, see event finished .card-grayscale { &:hover { diff --git a/assets/components/organisms/key-number-group/key-number-group.scss b/assets/components/organisms/key-number-group/key-number-group.scss index 609e13515..77587d446 100644 --- a/assets/components/organisms/key-number-group/key-number-group.scss +++ b/assets/components/organisms/key-number-group/key-number-group.scss @@ -26,6 +26,3 @@ } } } - -@include ie11('.key-number-group .key-number') { flex: 0 0 20%; } -@include ie11('.key-number-group .key-large') { flex: 0 0 45%; } diff --git a/assets/config/layout.scss b/assets/config/layout.scss index 9be60a998..cb94bc66d 100644 --- a/assets/config/layout.scss +++ b/assets/config/layout.scss @@ -75,29 +75,3 @@ @extend .mt-n#{$i}; } } - -@include ie11('.container-grid') { - display: block; -} - -@include ie11('.container-grid > *') { - max-width: col-width(lg, 10); - margin: 0 auto; -} - -@include media-breakpoint-up(lg) { - @include ie11('.container-grid > *') { - max-width: col-width(lg, 8); - } -} - -@include media-breakpoint-up(xl) { - @include ie11('.container-grid > *') { - max-width: col-width(xl, 6); - } -} - -@include ie11('.container-grid .container-full') { - max-width: 100%; - width: 100%; -} diff --git a/assets/config/mixins.scss b/assets/config/mixins.scss index a72b3dfc5..60bec0fc5 100644 --- a/assets/config/mixins.scss +++ b/assets/config/mixins.scss @@ -213,13 +213,3 @@ border-right: $trapeze-height solid transparent; transition: border $trapeze-animation-duration; } - - -// IE 11 mixin -// WARNING: Autoprefixer is off inside this. -@mixin ie11($selector) { - :-ms-fullscreen, :root #{$selector} { - /* autoprefixer: off */ - @content; - } -} diff --git a/docs/contribute/support-and-request.html b/docs/contribute/support-and-request.html index 700242733..92822c613 100644 --- a/docs/contribute/support-and-request.html +++ b/docs/contribute/support-and-request.html @@ -61,14 +61,13 @@

FAQ

Elements is supporting the following browsers and versions:

diff --git a/package.json b/package.json index 789e7ed5e..ce6846328 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,8 @@ "main": "dist/js/elements.min.js", "browserslist": [ "> 1% in CH", - "last 2 versions" + "last 2 versions", + "not dead" ], "eslintConfig": { "parser": "@babel/eslint-parser", @@ -168,7 +169,6 @@ "jquery": "^3.7.1", "jquery-mousewheel": "^3.1.13", "multiple-select": "^1.5.2", - "object-fit-images": "^3.2.4", "pickadate": "^3.6.4", "popper.js": "^1.16.1", "tablesaw": "^3.1.2" diff --git a/yarn.lock b/yarn.lock index 9f8f6da7f..b2bea9223 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7136,11 +7136,6 @@ object-assign@^4, object-assign@^4.1.1: resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= -object-fit-images@^3.2.4: - version "3.2.4" - resolved "https://registry.yarnpkg.com/object-fit-images/-/object-fit-images-3.2.4.tgz#6c299d38fdf207746e5d2d46c2877f6f25d15b52" - integrity sha512-G+7LzpYfTfqUyrZlfrou/PLLLAPNC52FTy5y1CBywX+1/FkxIloOyQXBmZ3Zxa2AWO+lMF0JTuvqbr7G5e5CWg== - object-hash@3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"