Small improvements to text/html switch

Thomas Bruederli

2013-03-21 90e41a7cc08d7171ba4a2c1acf1f0560ee2503a6

Small improvements to text/html switch

 skins/larry/styles.css

@@ -295,7 +295,8 @@
    background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
}

.buttongroup a.button.selected {
.buttongroup a.button.selected,
.buttongroup a.button.selected:hover {
    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));
@@ -316,7 +317,8 @@
    margin-bottom: 1px;
}

.pagenav .buttongroup a.button {
.pagenav .buttongroup a.button,
.pagenav .buttongroup a.button:hover {
    padding: 1px 5px;
    margin-bottom: 0;
}
@@ -366,7 +368,7 @@
    background-position: -29px -271px;
}

.pagenav a.changeformat.html span.inner {
.pagenav a.changeformat.text span.inner {
    background-position: -7px -1859px;
}
.pagenav a.changeformat.html.selected span.inner {

 skins/larry/templates/messagepreview.html

@@ -32,12 +32,12 @@
<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" />
        <roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html selected" innerClass="inner" title="changeformathtml" content="HTML" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text" classSel="button changeformat text pressed" innerClass="inner" title="changeformattext" content="Text" />
    </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" />
        <roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html" classSel="button changeformat html pressed" innerClass="inner" title="changeformathtml" content="HTML" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text selected" innerClass="inner" title="changeformattext" content="Text" />
    </span>
    &nbsp;
<roundcube:endif />