Permalink
Browse files

Popup: Made images inherit the corner styling when they are the only …

…child in the popup.
  • Loading branch information...
1 parent 457cafa commit 2ebb0fdaef67bc07594dfcd441a8809521646f19 @jaspermdegroot jaspermdegroot committed Jan 2, 2013
Showing with 6 additions and 11 deletions.
  1. +6 −11 css/structure/jquery.mobile.popup.css
@@ -1,7 +1,6 @@
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
position: absolute !important; /* See line #553 of popup.js */
-
}
.ui-popup-screen {
background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
@@ -14,34 +13,28 @@
opacity: 0;
z-index: 1099;
}
-
.ui-popup-screen.in {
opacity: 0.5;
filter: Alpha(Opacity=50);
}
-
.ui-popup-screen.out {
opacity: 0;
filter: Alpha(Opacity=0);
}
-
.ui-popup-container {
z-index: 1100;
display: inline-block;
position: absolute;
padding: 0;
outline: 0;
}
-
.ui-popup {
position: relative;
}
-
.ui-popup.ui-content,
.ui-popup .ui-content {
overflow: visible;
}
-
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
@@ -91,14 +84,19 @@
.ui-popup-container .ui-content > h6:last-child {
margin-bottom: 0;
}
-
.ui-popup > img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
+.ui-popup:not(.ui-content) > img:only-child,
+.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
+.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
+ -webkit-border-radius: inherit;
+ border-radius: inherit;
+}
.ui-popup iframe {
vertical-align: middle;
}
@@ -119,16 +117,13 @@
width: 100%; display: block;
}
}
-
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
position: absolute;
top: -9px;
margin: 0;
z-index: 1101;
}
-
.ui-popup > .ui-btn-left { left: -9px; }
.ui-popup > .ui-btn-right { right: -9px; }
-
.ui-popup-hidden { top: -99999px; left: -9999px; }

0 comments on commit 2ebb0fd

Please sign in to comment.