Browse Source

Fixes issue #312. Fixes left/right styles possibly applying to child ui elements

pull/313/head
jlukic 11 years ago
parent
commit
afb0186fd7
1 changed files with 7 additions and 7 deletions
  1. 14
      src/modules/modal.less

14
src/modules/modal.less

@ -90,17 +90,17 @@
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.modal > .content > .left {
.ui.modal > .content > .left:not(.input, .button, .label) {
display: table-cell;
padding-right: 1.5%;
min-width: 25%;
}
.ui.modal > .content > .right {
.ui.modal > .content > .right:not(.input, .button, .label) {
display: table-cell;
padding-left: 1.5%;
vertical-align: top;
}
.ui.modal > .content > .left > .icon {
.ui.modal > .content > .left:not(.input, .button, .label) > i.icon {
font-size: 8em;
margin: 0em;
}
@ -126,11 +126,11 @@
/* Mobile Only */
@media only screen and (max-width : 768px) {
.ui.modal .content .left {
.ui.modal .content > .left:not(.input, .button, .label) {
display: block;
padding: 0em 0em 1em;
}
.ui.modal .content .right {
.ui.modal .content > .right:not(.input, .button, .label) {
display: block;
padding: 1em 0em 0em;
@ -145,8 +145,8 @@
.ui.modal .actions {
padding-bottom: 0em
}
.ui.modal .actions .buttons,
.ui.modal .actions .button {
.ui.modal .actions > .buttons,
.ui.modal .actions > .button {
margin-bottom: 1em;
}
}

Loading…
Cancel
Save