Add switch for text/html alternative part view (#1486939)

pull/62/head
Thomas Bruederli 12 years ago
parent 4f693e9daa
commit 6996dee856

@ -29,7 +29,8 @@ input.button.mainaction:active {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2e31', endColorstr='#505050', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2e31', endColorstr='#505050', GradientType=0);
} }
a.button { a.button,
.buttongroup {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
} }
@ -47,6 +48,10 @@ input.button:active {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#d8d8d8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#d8d8d8', GradientType=0);
} }
.buttongroup a.button.selected {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#858585', GradientType=0);
}
#message.statusbar { #message.statusbar {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c8c8c8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c8c8c8', GradientType=0);
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 37 KiB

@ -950,7 +950,8 @@ div.hide-headers {
border-radius: 4px; border-radius: 4px;
} }
#messageheader #countcontrols { #messageheader #countcontrols,
#messageheader #formatcontrols {
position: absolute; position: absolute;
top: 8px; top: 8px;
right: 8px; right: 8px;
@ -958,6 +959,11 @@ div.hide-headers {
white-space: nowrap; white-space: nowrap;
} }
#messageheader #formatcontrols {
top: 38px;
right: 8px;
}
#messageheader .pagenav .countdisplay { #messageheader .pagenav .countdisplay {
min-width: 0; min-width: 0;
padding-right: 0.5em; padding-right: 0.5em;

@ -177,7 +177,8 @@ input.mainaction {
/** link buttons **/ /** link buttons **/
a.button { a.button,
.buttongroup {
display: inline-block; display: inline-block;
margin: 0 2px; margin: 0 2px;
padding: 2px 5px; padding: 2px 5px;
@ -198,6 +199,11 @@ a.button {
text-decoration: none; text-decoration: none;
} }
.buttongroup {
padding: 0;
white-space: nowrap;
}
a.button:focus, a.button:focus,
input.button:focus { input.button:focus {
border-color: #4fadd5; border-color: #4fadd5;
@ -231,6 +237,29 @@ a.button.disabled span.inner {
filter: alpha(opacity=40); filter: alpha(opacity=40);
} }
.buttongroup a.button {
margin: 0;
border-width: 0 1px 0 0;
border-radius: 0;
background: none;
box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.buttongroup a.button.first,
.buttongroup a.button:first-child {
border-radius: 4px 0 0 4px;
border-left: 0;
}
.buttongroup a.button.last,
.buttongroup a.button:last-child {
border-radius: 0 4px 4px 0;
border-right: 0;
}
a.button.pressed, a.button.pressed,
a.button:active, a.button:active,
input.button:active { input.button:active {
@ -266,6 +295,20 @@ input.button:active {
background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
} }
.buttongroup a.button.selected {
background: #8a8a8a;
background: -moz-linear-gradient(top, #909090 0%, #858585 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585));
background: -o-linear-gradient(top, #909090 0%, #858585 100%);
background: -ms-linear-gradient(top, #909090 0%, #858585 100%);
background: linear-gradient(top, #909090 0%, #858585 100%);
-webkit-box-shadow: inset 0 1px 2px 0 #555;
-moz-box-shadow: inset 0 1px 2px 0 #555;
box-shadow: inset 0 1px 2px 0 #555;
border-right-color: #555;
border-left-color: #555;
}
.pagenav a.button { .pagenav a.button {
padding: 1px 3px; padding: 1px 3px;
height: 16px; height: 16px;
@ -273,6 +316,11 @@ input.button:active {
margin-bottom: 1px; margin-bottom: 1px;
} }
.pagenav .buttongroup a.button {
padding: 1px 5px;
margin-bottom: 0;
}
.pagenav a.button span.inner { .pagenav a.button span.inner {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
@ -318,6 +366,20 @@ input.button:active {
background-position: -29px -271px; background-position: -29px -271px;
} }
.pagenav a.changeformat.html span.inner {
background-position: -7px -1859px;
}
.pagenav a.changeformat.html.selected span.inner {
background-position: -29px -1859px;
}
.pagenav a.changeformat.text span.inner {
background-position: -7px -1874px;
}
.pagenav a.changeformat.text.selected span.inner {
background-position: -29px -1874px;
}
.pagenav .countdisplay { .pagenav .countdisplay {
display: inline-block; display: inline-block;
padding: 3px 1em 0 1em; padding: 3px 1em 0 1em;
@ -2230,7 +2292,7 @@ ul.toolbarmenu li span.conversation {
.attachmentslist li a.drop { .attachmentslist li a.drop {
background: url(images/buttons.png) no-repeat scroll center -1570px; background: url(images/buttons.png) no-repeat scroll center -1570px;
width: 14px; width: 14px;
height: 26px; height: 20px;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: 0; right: 0;

@ -29,7 +29,8 @@ input.button.mainaction:active {
background-image: url(svggradient.php?c=2a2e31;505050); background-image: url(svggradient.php?c=2a2e31;505050);
} }
a.button { a.button,
.buttongroup {
background-image: url(svggradient.php?c=f9f9f9;e6e6e6); background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
} }
@ -47,6 +48,10 @@ input.button:active {
background-image: url(svggradient.php?c=bababa;d8d8d8); background-image: url(svggradient.php?c=bababa;d8d8d8);
} }
.buttongroup a.button.selected {
background-image: url(svggradient.php?c=909090;858585);
}
#message.statusbar { #message.statusbar {
background-image: url(svggradient.php?c=eaeaea;c8c8c8); background-image: url(svggradient.php?c=eaeaea;c8c8c8);
} }

@ -54,6 +54,21 @@
<roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&amp;gt;" /> <roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&amp;gt;" />
</div> </div>
<roundcube:if condition="env:optional_format=='text'" />
<div class="pagenav" id="formatcontrols">
<span class="buttongroup">
<roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html selected" innerClass="inner" title="changeformathtml" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text" classSel="button last changeformat text pressed" innerClass="inner" title="changeformattext" />
</span>
</div>
<roundcube:elseif condition="env:optional_format=='html'" />
<div class="pagenav" id="formatcontrols">
<span class="buttongroup">
<roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html" classSel="button first changeformat html pressed" innerClass="inner" title="changeformathtml" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text selected" innerClass="inner" title="changeformattext" />
</span>
</div>
<roundcube:endif />
<div id="contactphoto"><roundcube:object name="contactphoto" /></div> <div id="contactphoto"><roundcube:object name="contactphoto" /></div>
</div> </div>

@ -30,6 +30,17 @@
<!-- record navigation --> <!-- record navigation -->
<div id="countcontrols" class="pagenav"> <div id="countcontrols" class="pagenav">
<roundcube:if condition="env:optional_format=='text'" />
<span class="buttongroup">
<roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html selected" innerClass="inner" title="changeformathtml" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text" classSel="button changeformat text pressed" innerClass="inner" title="changeformattext" />
</span>
&nbsp;
<roundcube:elseif condition="env:optional_format=='html'" />
<span class="buttongroup">
<roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html" classSel="button changeformat html pressed" innerClass="inner" title="changeformathtml" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text selected" innerClass="inner" title="changeformattext" />
</span>
&nbsp;
<roundcube:endif />
<roundcube:if condition="env:mailbox != config:drafts_mbox"> <roundcube:if condition="env:mailbox != config:drafts_mbox">
<roundcube:button command="reply" type="link" class="button reply" classSel="button reply pressed" innerClass="inner" title="replytomessage" content="&lt;-" /> <roundcube:button command="reply" type="link" class="button reply" classSel="button reply pressed" innerClass="inner" title="replytomessage" content="&lt;-" />
<roundcube:button command="reply-all" type="link" class="button replyall" classSel="button replyall pressed" innerClass="inner" title="replytoallmessage" content="&lt;&lt;-" /> <roundcube:button command="reply-all" type="link" class="button replyall" classSel="button replyall pressed" innerClass="inner" title="replytoallmessage" content="&lt;&lt;-" />

Loading…
Cancel
Save