fix(modal): fix content css-inheritance on mobile

Modal module adds padding to ".description" block when window size less 769px. Search blocks can contain ".description" inside. When search block is inside modal, then ".description" inside search breaks down on screen less 769px.
fomantic · Mar 27, 2020 · 3c70f9e · 3c70f9e
1 parent 93605f5
commit 3c70f9e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less
@@ -256,7 +256,7 @@
   .ui.modal .image.content {
     flex-direction: column;
   }
-  .ui.modal .content > .image {
+  .ui.modal > .content > .image {
     display: block;
     max-width: 100%;
     margin: 0 auto !important;
@@ -269,7 +269,7 @@
   }
 
   /*rtl:ignore*/
-  .ui.modal .content > .description {
+  .ui.modal > .content > .description {
     display: block;
     width: 100% !important;
     margin: 0 !important;