add blocked-images

master
Vitaliy Filippov 2016-06-17 01:50:07 +03:00
parent f4265f057b
commit 22d719490e
3 changed files with 38 additions and 4 deletions

BIN
icons/block.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@ -80,7 +80,6 @@ button, a.button
word-wrap: break-word;
overflow: hidden;
text-align: left;
max-width: 600px;
/*white-space: nowrap;
height: 32px;*/
}
@ -91,6 +90,14 @@ button img, a.button img
margin: -3px 0 0 -2px;
}
button.raised, a.button.raised
{
background: -moz-linear-gradient(top, #f2f0ef 0%, #e6e2e1 100%);
background: -webkit-linear-gradient(top, #f2f0ef 0%, #e6e2e1 100%);
border-color: #cac6c5 #bab7b4 #bab7b4 #cac6c5;
border-radius: 3px;
}
button:hover, a.button:hover
{
background: -moz-linear-gradient(top, #fdfbfa 0%, #efebea 100%);
@ -129,11 +136,11 @@ div
float: right;
z-index: 2;
display: block;
margin: 0 -4px 0 0;
padding: 0 4px 0 0;
margin: -2px -6px -2px 0;
padding: 2px 6px 2px 0;
height: 26px;
width: 15px;
background: url(icons/down.png) 5px 11px no-repeat; /* FIXME closed.png, dropdown.png */
background: url(icons/down.png) 6px 13px no-repeat; /* FIXME closed.png, dropdown.png */
}
.dropdown
@ -1211,6 +1218,28 @@ div
flex: 1;
}
.message-view .message .blocked-images
{
flex: none;
background: -moz-linear-gradient(top, #f6e0a4 0%, #f5dc99 100%);
background: -webkit-linear-gradient(top, #f6e0a4 0%, #f5dc99 100%);
padding: 5px;
line-height: 30px;
border-bottom: 1px solid #bab7b5;
color: #464646;
}
.message-view .message .blocked-images .button
{
vertical-align: bottom;
margin: -3px 20px 3px;
}
.message-view .message .blocked-images label
{
white-space: nowrap;
}
.message-view .message .headers
{
background: -moz-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%);

View File

@ -659,6 +659,11 @@
</div>
</div>
</div>
<div class="blocked-images">
<img src="icons/block.png" /> This message contains blocked images.
<a class="button raised">Load Images</a>
<label><input type="checkbox" /> Always load from invitations@linkedin.com</label>
</div>
<div class="text">
<p>Any update on this?</p>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">&mdash;<br />You are receiving this because you commented.<br />Reply to this email directly, <a href="https://github.com/mediawiki4intranet/IntraACL/issues/59#issuecomment-224979690">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe/AA5suyv1q1MukSFruqkkKiGePYCL1Ti0ks5qKFcqgaJpZM4IxZ6X">mute the thread</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/AA5su8dZdGM2S9AObD3rLSBnaRRvUSAkks5qKFcqgaJpZM4IxZ6X.gif" width="1" /></p>