mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-25 16:19:00 +01:00
Mobile theme W.I.P:
- Fix mail details styling - Fix expanding timesheet details tab causes some width changes - Remove extra padding and borders from et2_selectbox
This commit is contained in:
Hadi Nategh
parent
1670958e16
commit
3371cfc098
@ -138,13 +138,14 @@ tr.forwarded span.status_img {
|
||||
}
|
||||
|
||||
.bodypreview {
|
||||
white-space: normal !important;
|
||||
max-height: 25px !important;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
white-space: nowrap;
|
||||
max-height: 18px;
|
||||
font-size: 12px;
|
||||
font-weight : normal !important;
|
||||
font-family: Arial;
|
||||
color: grey !important;
|
||||
color: grey !important;
|
||||
overflow: hidden;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
TR.sieveRowActive
|
||||
|
||||
@ -152,13 +152,14 @@ tr.forwarded span.status_img {
|
||||
font-family: Arial;
|
||||
}
|
||||
.bodypreview {
|
||||
white-space: normal !important;
|
||||
max-height: 25px !important;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
white-space: nowrap;
|
||||
max-height: 18px;
|
||||
font-size: 12px;
|
||||
font-weight: normal !important;
|
||||
font-family: Arial;
|
||||
color: grey !important;
|
||||
color: grey !important;
|
||||
overflow: hidden;
|
||||
padding-top: 5px;
|
||||
}
|
||||
TR.sieveRowActive {
|
||||
font-size: 11px;
|
||||
@ -1811,13 +1812,6 @@ tr.forwarded span.status_img {
|
||||
font-size: 12px;
|
||||
font-family: Arial;
|
||||
}
|
||||
.bodypreview {
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
font-family: Arial;
|
||||
color: grey;
|
||||
}
|
||||
TR.sieveRowActive {
|
||||
font-size: 11px;
|
||||
height: 20px;
|
||||
@ -2690,7 +2684,6 @@ div.mailComposeHeaderSection > table {
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
font-size: 10pt;
|
||||
color: #828282 !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td label[id^='mail-index_'][id$='date]'] {
|
||||
@ -2763,14 +2756,10 @@ div.mailComposeHeaderSection > table {
|
||||
background-image: url(../pixelegg/images/kmmsgforwarded.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.bodypreview {
|
||||
max-height: 12px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding-left: 2px;
|
||||
font-style: normal;
|
||||
font-size: 8pt;
|
||||
padding-top: 5px;
|
||||
font-size: 10pt;
|
||||
}
|
||||
#mail-index .mail-index_quotabox {
|
||||
position: absolute;
|
||||
|
||||
@ -38,7 +38,7 @@
|
||||
#popupMainDiv {
|
||||
padding: 1px 8px 0 8px;
|
||||
background: none;
|
||||
|
||||
|
||||
div.et2_toolbar.et2_head_toolbar {
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
button {
|
||||
@ -52,7 +52,7 @@
|
||||
div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
#mail-compose_composeToolbar{
|
||||
// Senden Button
|
||||
@ -74,9 +74,9 @@
|
||||
&:disabled {background-color: none;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.mail-d-h1{
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid silver;
|
||||
@ -150,9 +150,9 @@
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.dtree {
|
||||
div.containerTableStyle {
|
||||
overflow: hidden;
|
||||
@ -183,7 +183,7 @@
|
||||
border-top: 1px solid silver;
|
||||
}
|
||||
span#mail-compose_cc_expander, span#mail-compose_cc_expander,
|
||||
span#mail-compose_bcc_expander, span#mail-compose_bcc_expander,
|
||||
span#mail-compose_bcc_expander, span#mail-compose_bcc_expander,
|
||||
span#mail-compose_folder_expander, span#mail-compose_folder_expander,
|
||||
span#mail-compose_replyto_expander, span#mail-compose_replyto_expander
|
||||
{
|
||||
@ -207,7 +207,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#mail-index {
|
||||
table.egwGridView_outer tbody {
|
||||
span.et2_date_ro.et2_label {
|
||||
@ -237,7 +237,6 @@
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
.mob-fontsize-n;
|
||||
color: @gray_50 !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
label[id^='mail-index_'][id$='date]']{
|
||||
@ -313,14 +312,10 @@
|
||||
background-image: url(../pixelegg/images/kmmsgforwarded.png);
|
||||
}
|
||||
span.bodypreview {
|
||||
max-height: 12px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding-left: 2px;
|
||||
font-style: normal;
|
||||
font-size: 8pt;
|
||||
padding-top: 5px;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -341,7 +336,7 @@
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
#mail-index_buttonmailcreate {display:none;}
|
||||
}
|
||||
|
||||
@ -140,13 +140,14 @@ tr.forwarded span.status_img {
|
||||
font-family: Arial;
|
||||
}
|
||||
.bodypreview {
|
||||
white-space: normal !important;
|
||||
max-height: 25px !important;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
white-space: nowrap;
|
||||
max-height: 18px;
|
||||
font-size: 12px;
|
||||
font-weight: normal !important;
|
||||
font-family: Arial;
|
||||
color: grey !important;
|
||||
color: grey !important;
|
||||
overflow: hidden;
|
||||
padding-top: 5px;
|
||||
}
|
||||
TR.sieveRowActive {
|
||||
font-size: 11px;
|
||||
@ -1799,13 +1800,6 @@ tr.forwarded span.status_img {
|
||||
font-size: 12px;
|
||||
font-family: Arial;
|
||||
}
|
||||
.bodypreview {
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
font-family: Arial;
|
||||
color: grey;
|
||||
}
|
||||
TR.sieveRowActive {
|
||||
font-size: 11px;
|
||||
height: 20px;
|
||||
|
||||
@ -1040,14 +1040,6 @@ tr.forwarded span.status_img {
|
||||
font-family : Arial;
|
||||
}
|
||||
|
||||
.bodypreview {
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
font-weight : normal;
|
||||
font-family: Arial;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
TR.sieveRowActive
|
||||
{
|
||||
font-size: 11px;
|
||||
|
||||
@ -1147,7 +1147,7 @@
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id: jquery-ui.less 54623 2015-12-23 18:37:23Z nathangray $
|
||||
* @version $Id: jquery-ui.less 55245 2016-03-04 09:21:40Z ralfbecker $
|
||||
*/
|
||||
#uical_select_resource {
|
||||
background-color: #ffdd73;
|
||||
@ -1557,6 +1557,10 @@ div#ui-datepicker-div {
|
||||
background-color: #fecc44 !important;
|
||||
color: #373737;
|
||||
}
|
||||
.ui-widget-overlay,
|
||||
.ui-widget-shadow {
|
||||
background-image: none;
|
||||
}
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
@ -1907,7 +1911,7 @@ body {
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
||||
background-color: #ffc200;
|
||||
color: #000000;
|
||||
font-size: 19.8px;
|
||||
font-size: 20px;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover {
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
@ -3785,7 +3789,7 @@ td.message span.message {
|
||||
text-decoration: none;
|
||||
height: 32px;
|
||||
/*font-size: 1.1em;*/
|
||||
font-size: 12.1px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
|
||||
@ -3809,7 +3813,7 @@ td.message span.message {
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
|
||||
padding-right: 20px;
|
||||
font-size: 12.1px;
|
||||
font-size: 12px;
|
||||
content: " ";
|
||||
background-image: url(../images/topmenu_items/home.png);
|
||||
background-repeat: no-repeat;
|
||||
@ -4207,7 +4211,7 @@ td.message span.message {
|
||||
padding-left: 3em;
|
||||
color: #999999;
|
||||
/*font-size: 12px;*/
|
||||
font-size: 12.1px;
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
|
||||
@ -4378,7 +4382,7 @@ td.message span.message {
|
||||
margin: 5px 0px 3px 5px;
|
||||
padding: 0px 0px 0px 15px;
|
||||
line-height: 1em;
|
||||
font-size: 12.1px;
|
||||
font-size: 12px;
|
||||
background-image: url(../images/arrow_right.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@ -5604,7 +5608,7 @@ table.nextmatch_header img {
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id: layout_traditional.less 54473 2015-12-07 09:08:09Z hnategh $
|
||||
* @version $Id: layout_traditional.less 55245 2016-03-04 09:21:40Z ralfbecker $
|
||||
*/
|
||||
/* traditional */
|
||||
form {
|
||||
@ -5851,7 +5855,7 @@ a.textSidebox {
|
||||
.egw-loading-prompt-container::before {
|
||||
opacity: .3;
|
||||
content: "";
|
||||
background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
|
||||
background-color: #aaaaaa;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
@ -6418,7 +6422,7 @@ span.egw_tutorial_title {
|
||||
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
|
||||
font-size: 14.3px;
|
||||
font-size: 14px;
|
||||
line-height: 1em;
|
||||
margin: 0 15px 2px 2px;
|
||||
vertical-align: super;
|
||||
@ -6538,7 +6542,7 @@ span.egw_tutorial_title {
|
||||
padding-top: 0.31em;
|
||||
padding-left: 3em;
|
||||
color: #999999;
|
||||
font-size: 14.3px;
|
||||
font-size: 14px;
|
||||
line-height: 17px;
|
||||
}
|
||||
body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header object {
|
||||
@ -6684,7 +6688,7 @@ span.egw_tutorial_title {
|
||||
margin: 5px 0px 3px 5px;
|
||||
padding: 0px 0px 0px 15px;
|
||||
line-height: 1em;
|
||||
font-size: 12.1px;
|
||||
font-size: 12px;
|
||||
background-image: url(../images/arrow_left.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@ -7613,14 +7617,19 @@ span.egw_tutorial_title {
|
||||
padding-left: 8px;
|
||||
}
|
||||
body #popupMainDiv input,
|
||||
body #popupMainDiv select {
|
||||
body #popupMainDiv select,
|
||||
body #popupMainDiv .et2_selectbox {
|
||||
padding: 0;
|
||||
padding-left: 0;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
border-right: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
body #popupMainDiv ul.et2_selectbox li {
|
||||
padding-top: 13px;
|
||||
}
|
||||
body #popupMainDiv .et2_label .et2_date_ro.et2_label,
|
||||
body #popupMainDiv .et2_date input.et2_date {
|
||||
body #popupMainDiv .et2_label .et2_date_ro.et2_label {
|
||||
padding-left: 0;
|
||||
}
|
||||
body #popupMainDiv .et2_button_with_image {
|
||||
@ -7631,6 +7640,7 @@ span.egw_tutorial_title {
|
||||
}
|
||||
body #popupMainDiv .et2_date {
|
||||
min-width: 100px;
|
||||
padding-left: 0;
|
||||
}
|
||||
body #popupMainDiv .et2_button_with_image,
|
||||
body #popupMainDiv .et2_button_text {
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
|
||||
@media @handheld
|
||||
{
|
||||
|
||||
|
||||
#egw_fw_print {
|
||||
display:none;
|
||||
}
|
||||
@ -86,7 +86,7 @@
|
||||
border-radius: 0;
|
||||
form {
|
||||
margin-top: 3em;
|
||||
|
||||
|
||||
table.divLoginbox {
|
||||
width:100%;
|
||||
float:left;
|
||||
@ -166,7 +166,7 @@
|
||||
|
||||
@media @smartphones {
|
||||
body{
|
||||
#egw_fw_basecontainer.sidebar-toggle
|
||||
#egw_fw_basecontainer.sidebar-toggle
|
||||
{
|
||||
div#egw_fw_top_toolbar {
|
||||
z-index: 0;
|
||||
@ -181,10 +181,10 @@
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
#egw_fw_basecontainer {
|
||||
|
||||
|
||||
#egw_fw_top_toolbar {
|
||||
z-index: 998;
|
||||
width: 300px;
|
||||
@ -310,11 +310,11 @@
|
||||
h1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//###################
|
||||
//# #
|
||||
//# CONTEXT MENU #
|
||||
@ -333,7 +333,7 @@
|
||||
tr.sub_item_selected {height:46px;}
|
||||
tr.sub_item {width:100%;height:46px !important;}
|
||||
td.sub_item_hk {width:100%;}
|
||||
}
|
||||
}
|
||||
}
|
||||
div#egw_message {
|
||||
bottom: 0px;
|
||||
@ -392,7 +392,7 @@
|
||||
}
|
||||
}
|
||||
.et2_nextmatch {
|
||||
.nextmatch_header_row, .nextmatch_header
|
||||
.nextmatch_header_row, .nextmatch_header
|
||||
{
|
||||
div.header_row_right {
|
||||
position: absolute;
|
||||
@ -584,7 +584,7 @@
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid silver;
|
||||
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
line-height: 30px;
|
||||
@ -594,7 +594,7 @@
|
||||
div.ui-icon-trash {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -762,7 +762,7 @@
|
||||
padding-right: 0px;
|
||||
}
|
||||
.containerTableStyle {
|
||||
overflow: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
.et2_details {
|
||||
@ -789,22 +789,27 @@
|
||||
height:46px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
input, select {
|
||||
input, select, .et2_selectbox {
|
||||
padding:0;
|
||||
padding-left:0;
|
||||
border-left:0;
|
||||
border-top:0;
|
||||
border-right:0;
|
||||
border-radius: 0;
|
||||
}
|
||||
ul.et2_selectbox {
|
||||
li{padding-top: 13px;}
|
||||
}
|
||||
/* Exceptional cases to not get the general left padding*/
|
||||
.et2_label .et2_date_ro.et2_label, .et2_date input.et2_date {padding-left: 0;}
|
||||
|
||||
.et2_label .et2_date_ro.et2_label {padding-left: 0;}
|
||||
|
||||
.et2_button_with_image {
|
||||
background-color: transparent;
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.et2_date {min-width:100px;}
|
||||
.et2_date {min-width:100px;padding-left:0;}
|
||||
.et2_button_with_image, .et2_button_text {
|
||||
height: 46px;
|
||||
margin: 1px;
|
||||
@ -822,7 +827,7 @@
|
||||
padding-top: 6px;
|
||||
}
|
||||
.et2_details_toggle {
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
.et2_details {
|
||||
@ -855,13 +860,13 @@
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//###########################################
|
||||
//# #
|
||||
//# et2_toolbar styles used in headbar #
|
||||
//# #
|
||||
//###########################################
|
||||
|
||||
|
||||
div.et2_toolbar.et2_head_toolbar {
|
||||
background-color: transparent;
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
@ -1057,7 +1062,7 @@
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
img.et2_button_icon[src*="svg"] {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
@ -1068,7 +1073,7 @@
|
||||
border:none;
|
||||
box-shado:none;
|
||||
}
|
||||
|
||||
|
||||
/***************CHECKBOX *************/
|
||||
/**************************************/
|
||||
input[type="checkbox"] {
|
||||
@ -1077,7 +1082,7 @@
|
||||
}
|
||||
|
||||
input[type="checkbox"]:before {
|
||||
content:"";
|
||||
content:"";
|
||||
width:32px;
|
||||
height:32px;
|
||||
background-image:url(../images/topmenu_items/mobile/checkbox.svg) !important;
|
||||
@ -1123,5 +1128,5 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -46,4 +46,7 @@
|
||||
#timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link {
|
||||
font-weight: normal;
|
||||
}
|
||||
#timesheet-edit_pl_id {
|
||||
width: 69%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -54,4 +54,5 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
#timesheet-edit_pl_id{width:69%;}
|
||||
}
|
||||
@ -21,8 +21,8 @@
|
||||
<row disabled="@ts_viewtype">
|
||||
<description value="Unitprice" for="ts_unitprice"/>
|
||||
<hbox disabled="@pm_integration=none" >
|
||||
<textbox type="float" id="ts_unitprice" span="all" size="10"/>
|
||||
<projectmanager-pricelist id="pl_id" class="et2_fullWidth" onchange="window.app.timesheet.et2.getWidgetById('ts_unitprice').set_value(this.options[this.selectedIndex].text.lastIndexOf('(') < 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1));" options="None"/>
|
||||
<textbox type="float" id="ts_unitprice" span="all" size="10" width="30%"/>
|
||||
<projectmanager-pricelist id="pl_id" width="70%" onchange="window.app.timesheet.et2.getWidgetById('ts_unitprice').set_value(this.options[this.selectedIndex].text.lastIndexOf('(') < 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1));" options="None"/>
|
||||
</hbox>
|
||||
</row>
|
||||
<row class="row" disabled="!@ts_viewtype">
|
||||
@ -57,7 +57,7 @@
|
||||
<row class="th">
|
||||
<description value="Existing links"/>
|
||||
</row>
|
||||
<row>
|
||||
<row>
|
||||
<link-list id="link_to"/>
|
||||
</row>
|
||||
</rows>
|
||||
@ -95,7 +95,7 @@
|
||||
<description value="Last modified"/>
|
||||
<menulist>
|
||||
<menupopup type="select-account" id="ts_modifier" readonly="true"/>
|
||||
</menulist>
|
||||
</menulist>
|
||||
</row>
|
||||
<row>
|
||||
<description/>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user