disable chunked encoding for images
This commit is contained in:
parent
433cee5164
commit
b23a0a14c1
14 changed files with 196 additions and 130 deletions
|
@ -1,9 +1,17 @@
|
|||
.btnNotifications {
|
||||
text-decoration: none!important;
|
||||
.notificationsFlyout {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.notificationsPanelModelOpen {
|
||||
right: 250px!important;
|
||||
}
|
||||
|
||||
.btnNotifications {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.btnNotificationsInner {
|
||||
text-decoration: none!important;
|
||||
text-decoration: none !important;
|
||||
vertical-align: middle;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
|
@ -35,14 +43,14 @@
|
|||
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
|
||||
background-image: linear-gradient(top,#4d90fe,#4787ed);
|
||||
border-color: #3079ed;
|
||||
color: #fff!important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.levelWarning {
|
||||
background-color: #FF7537;
|
||||
background-image: none;
|
||||
border-color: #FF7537;
|
||||
color: #fff!important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.levelError {
|
||||
|
@ -54,20 +62,12 @@
|
|||
background-image: -o-linear-gradient(top,#dd4b39,#d14836);
|
||||
background-image: linear-gradient(top,#dd4b39,#d14836);
|
||||
border-color: #c6322a;
|
||||
color: #fff!important;
|
||||
}
|
||||
|
||||
.notificationsFlyout {
|
||||
width: 300px;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.flyoutNotification {
|
||||
border-top: 1px solid #ccc;
|
||||
background: #f8f8f8;
|
||||
color: #555;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
border-top: 1px solid #eee;
|
||||
padding: 0 0 .5em;
|
||||
}
|
||||
|
||||
.flyoutNotification p {
|
||||
|
@ -77,35 +77,38 @@
|
|||
}
|
||||
|
||||
.flyoutNotification:last-child {
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.notificationName {
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.notificationTime {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.notificationImage {
|
||||
margin: 0 .5em 0 1em;
|
||||
padding: .5em 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.unreadFlyoutNotification {
|
||||
background-color: #ECEEF4;
|
||||
.notificationContent {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btnMarkReadContainer, .btnNotificationListContainer {
|
||||
padding: 0 .5em;
|
||||
.unreadFlyoutNotification {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.notificationsList {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.notificationsList .flyoutNotification {
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.imgNotification, .imgNotificationInner {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
@ -121,7 +124,6 @@
|
|||
background-size: 50% auto;
|
||||
}
|
||||
|
||||
|
||||
.imgNotificationNormal {
|
||||
background-color: #4d90fe;
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
|
||||
|
@ -157,48 +159,3 @@
|
|||
.imgNotificationWarning .imgNotificationInner {
|
||||
background-image: url(images/notifications/error.png);
|
||||
}
|
||||
|
||||
.notificationContent {
|
||||
padding: 0 .5em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 350px) {
|
||||
.notificationsFlyout {
|
||||
width: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 400px) {
|
||||
.notificationsFlyout {
|
||||
width: 370px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 450px) {
|
||||
.notificationsFlyout {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.notificationImage {
|
||||
margin: 0 .5em 0 1em;
|
||||
padding: .5em 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.notificationContent {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 500px) {
|
||||
.notificationsFlyout {
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.notificationContent p {
|
||||
max-width: 350px;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue