From 40b6df30c5a1e8f3597a2ded8bca592530023cca Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <alec@alec.pl>
Date: Mon, 23 Jul 2012 05:01:44 -0400
Subject: [PATCH] Fixed scrollbars in Larry's iframes
---
plugins/managesieve/skins/default/managesieve.css | 337 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 202 insertions(+), 135 deletions(-)
diff --git a/plugins/managesieve/skins/default/managesieve.css b/plugins/managesieve/skins/default/managesieve.css
index 295c3f6..9527b44 100644
--- a/plugins/managesieve/skins/default/managesieve.css
+++ b/plugins/managesieve/skins/default/managesieve.css
@@ -1,184 +1,118 @@
-/***** RoundCube|Filters styles *****/
-
-
-#filterslist
+#filtersetslistbox
{
position: absolute;
- left: 20px;
- width: 220px;
- top: 120px;
- bottom: 30px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 195px;
border: 1px solid #999999;
background-color: #F9F9F9;
- overflow: auto;
+ overflow: hidden;
/* css hack for IE */
- height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
+ height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}
-#filters-table
+#filtersscreen
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 205px;
+ /* css hack for IE */
+ height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+}
+
+#filterslistbox
+{
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ border: 1px solid #999999;
+ overflow: auto;
+ /* css hack for IE */
+ height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+}
+
+#filterslist,
+#filtersetslist
{
width: 100%;
table-layout: fixed;
- /* css hack for IE */
- width: expression(document.getElementById('filterslist').clientWidth);
}
-#filters-table tbody td
+#filterslist tbody td,
+#filtersetslist tbody td
{
- cursor: pointer;
+ cursor: default;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
}
-#filtersbuttons
+#filterslist tbody tr.disabled td,
+#filtersetslist tbody tr.disabled td
{
- position: absolute;
- left: 20px;
- top: 85px;
+ color: #999999;
}
-#filtersetsbuttons
+#filtersetslist tbody td
{
- position: absolute;
- left: 250px;
- top: 85px;
+ font-weight: bold;
}
-
-#filtersbuttons a,
-#filtersetsbuttons a
+/*
+#filtersetslist tr.selected
{
- display: block;
- float: left;
+ background-color: #929292;
+ border-bottom: 1px solid #898989;
+ color: #FFF;
+ font-weight: bold;
}
+*/
-#filtersbuttons a.button,
-#filtersbuttons a.buttonPas,
-#filtersetsbuttons a.button,
-#filtersetsbuttons a.buttonPas
+#filterslist tbody tr.filtermoveup td
{
- display: block;
- float: left;
- width: 32px;
- height: 32px;
- padding: 0;
- margin-right: 3px;
- overflow: hidden;
- background: url('managesieve_toolbar.png') 0 0 no-repeat transparent;
- opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
+ border-top: 2px dotted #555;
+ padding-top: 0px;
}
-#filtersbuttons a.buttonPas,
-#filtersetsbuttons a.buttonPas
+#filterslist tbody tr.filtermovedown td
{
- filter: alpha(opacity=35);
- opacity: 0.35;
-}
-
-#filtersbuttons a.add {
- background-position: 0px 0px;
-}
-
-#filtersbuttons a.addsel {
- background-position: 0 -32px;
-}
-
-#filtersbuttons a.del {
- background-position: -32px 0px;
-}
-
-#filtersbuttons a.delsel {
- background-position: -32px -32px;
-}
-
-#filtersbuttons a.up {
- background-position: -64px 0px;
-}
-
-#filtersbuttons a.upsel {
- background-position: -64px -32px;
-}
-
-#filtersbuttons a.down {
- background-position: -96px 0px;
-}
-
-#filtersbuttons a.downsel {
- background-position: -96px -32px;
-}
-
-#filtersetsbuttons a.setadd {
- background-position: -128px 0px;
-}
-
-#filtersetsbuttons a.setaddsel {
- background-position: -128px -32px;
-}
-
-#filtersetsbuttons a.setdel {
- background-position: -160px 0px;
-}
-
-#filtersetsbuttons a.setdelsel {
- background-position: -160px -32px;
-}
-
-#filtersetsbuttons a.setset {
- background-position: -192px 0px;
-}
-
-#filtersetsbuttons a.setsetsel {
- background-position: -192px -32px;
-}
-
-#filtersetselect
-{
- position: absolute;
- left: 380px;
- top: 90px;
+ border-bottom: 2px dotted #555;
+ padding-bottom: 1px;
}
#filter-box
{
position: absolute;
- top: 120px;
- left: 250px;
- right: 20px;
- bottom: 30px;
+ top: 0;
+ right: 0;
+ bottom: 0;
border: 1px solid #999999;
overflow: hidden;
/* css hack for IE */
- width: expression((parseInt(document.documentElement.clientWidth)-30-parseInt(document.getElementById('filterslist').offsetLeft)-parseInt(document.getElementById('filterslist').offsetWidth))+'px');
- height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
+ width: expression((parseInt(this.parentNode.offsetWidth)-20-parseInt(document.getElementById('filterslistbox').offsetWidth))+'px');
+ height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}
#filter-frame
{
- background-color: #F9F9F9;
border: none;
}
body.iframe
{
- background-color: #F9F9F9;
- min-width: 740px;
- width: expression(Math.max(740, document.documentElement.clientWidth)+'px');
+ min-width: 620px;
+ width: expression(Math.max(620, document.documentElement.clientWidth)+'px');
+ background-color: #F2F2F2;
}
#filter-form
{
- min-width: 650px;
+ min-width: 550px;
+ width: expression(Math.max(550, document.documentElement.clientWidth)+'px');
white-space: nowrap;
- background-color: #F9F9F9;
padding: 20px 10px 10px 10px;
-}
-
-#filter-form input, select
-{
- font-size: 10pt;
- font-family: inherit;
-}
-
-fieldset
-{
- background-color: white;
}
legend, label
@@ -198,32 +132,78 @@
width: auto;
padding: 2px;
white-space: nowrap;
- border: 1px solid white;
+ border: 1px solid #F2F2F2;
}
div.rulerow:hover, div.actionrow:hover
{
padding: 2px;
white-space: nowrap;
- background: #F2F2F2;
+ background: #F9F9F9;
border: 1px solid silver;
}
div.rulerow table, div.actionrow table
{
padding: 0px;
- width: 100%;
+ min-width: 600px;
+ width: expression(Math.max(600, document.documentElement.clientWidth)+'px');
+}
+
+td
+{
+ vertical-align: top;
+}
+
+td.advbutton
+{
+ width: 1%;
+}
+
+td.advbutton a
+{
+ display: block;
+ padding-top: 14px;
+ height: 6px;
+ width: 12px;
+ text-decoration: none;
+}
+
+td.advbutton a.show
+{
+ background: url(images/down_small.gif) center no-repeat;
+}
+
+td.advbutton a.hide
+{
+ background: url(images/up_small.gif) center no-repeat;
}
td.rowbuttons
{
text-align: right;
white-space: nowrap;
+ width: 1%;
}
-td.rowactions, td.rowtargets
+td.rowactions
{
white-space: nowrap;
+ width: 1%;
+ padding-top: 2px;
+}
+
+td.rowtargets
+{
+ white-space: nowrap;
+ width: 98%;
+ padding-left: 3px;
+ padding-top: 2px;
+}
+
+td.rowtargets div.adv
+{
+ padding-top: 3px;
}
input.disabled, input.disabled:hover
@@ -240,11 +220,98 @@
input.radio
{
border: 0;
+ margin-top: 0;
}
+select.operator_selector
+{
+ width: 200px;
+}
+
+td.rowtargets span,
span.label
{
color: #666666;
font-size: 10px;
white-space: nowrap;
}
+
+#footer
+{
+ padding-top: 5px;
+ width: 100%;
+}
+
+#footer .footerleft
+{
+ padding-left: 2px;
+ white-space: nowrap;
+ float: left;
+}
+
+#footer .footerright
+{
+ padding-right: 2px;
+ white-space: nowrap;
+ text-align: right;
+ float: right;
+}
+
+.itemlist
+{
+ line-height: 25px;
+}
+
+.itemlist input
+{
+ vertical-align: middle;
+}
+
+span.sieve.error
+{
+ color: red;
+}
+
+a.button.add
+{
+ background: url(images/add.png) no-repeat;
+ width: 30px;
+ height: 20px;
+ margin-right: 4px;
+ display: inline-block;
+}
+
+a.button.del
+{
+ background: url(images/del.png) no-repeat;
+ width: 30px;
+ height: 20px;
+ display: inline-block;
+}
+
+a.button.disabled
+{
+ opacity: 0.35;
+ filter: alpha(opacity=35);
+ cursor: default;
+}
+
+#filter-form select,
+#filter-form input,
+#filter-form textarea
+{
+ font-size: 11px;
+}
+
+/* fixes for popup window */
+
+body.iframe.mail
+{
+ margin: 0;
+ padding: 0;
+}
+
+body.iframe.mail #filter-form
+{
+ padding: 10px 5px 5px 5px;
+}
--
Gitblit v1.9.1