remove zoom css property and renew clearfix mixin, fixes #5834

Closes #5834

Merge request studip/studip!4448

2 files changed, 5 insertions, 15 deletions

diff --git a/resources/assets/stylesheets/mixins/misc.scss b/resources/assets/stylesheets/mixins/misc.scss
index 9ca7d85..f145e3ae 100644
--- a/resources/assets/stylesheets/mixins/misc.scss
+++ b/resources/assets/stylesheets/mixins/misc.scss
@@ -2,17 +2,10 @@
 // --------
 // For clearing floats like a boss h5bp.com/q
 @mixin clearfix {
-    *zoom: 1;
-    &::before,
-    &::after {
-        display: table;
-        content: '';
-        // Fixes Opera/contenteditable bug:
-        // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
-        line-height: 0;
-    }
     &::after {
         clear: both;
+        content: '';
+        display: block;
     }
 }
 
diff --git a/resources/assets/stylesheets/scss/messagebox.scss b/resources/assets/stylesheets/scss/messagebox.scss
index 2166d88..bad3599 100644
--- a/resources/assets/stylesheets/scss/messagebox.scss
+++ b/resources/assets/stylesheets/scss/messagebox.scss
@@ -85,7 +85,7 @@ $messagebox-icons: (
       position: relative;
       display: flex;
       align-items: center;
-  
+
       // Der Kreis mit ::before
       &::before {
         content: "";
@@ -102,7 +102,7 @@ $messagebox-icons: (
         transform: translateY(-50%);
         margin-right: 12px;  // Platz für den Text, je nach Bedarf anpassen
       }
-  
+
       // Das Icon mit ::after auf dem Kreis
       &::after {
         content: "";
@@ -117,7 +117,7 @@ $messagebox-icons: (
       }
     }
   }
-  
+
 
 @include messagebox(info, var(--color--info-secondary-contrast), var(--color--info-secondary), var(--color--info));
 @include messagebox(success, var(--color--good-secondary-contrast), var(--color--good-secondary), var(--color--good));
@@ -143,9 +143,7 @@ $messagebox-icons: (
 
     .messagebox {
         display: inline-block;
-        zoom: 1; // IE :(
         box-sizing: border-box;
-//        position: relative;
         vertical-align: middle;
         margin: auto;
 
@@ -174,7 +172,6 @@ $messagebox-icons: (
     }
     .ui-dialog {
         display: inline-block;
-        zoom: 1; // IE :(
         box-sizing: border-box;
         position: relative;
         vertical-align: middle;