extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-07 16:44:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- Implement view template
- Implement view template loader
- Add infolog edit
- Fix couple of bug in AB edit and index
This commit is contained in:
Hadi Nategh 2016-02-01 18:09:15 +00:00
parent 6686f56bc4
commit 0c11eaf2f1
11 changed files with 718 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
addressbook/templates/mobile/edit.xet
View File

@ -62,49 +62,6 @@
</columns> </columns>
<rows> <rows>
<row> <row>
<description for="role" value="Role"/>
<textbox id="role" class="et2_fullWidth" maxlength="64" autocomplete="section-one" />
</row>
<row>
<description value="Room"/>
<textbox id="room" width="35%"/>
</row>
<row>
<description for="assistent" value="Assistent"/>
<textbox id="assistent" class="et2_fullWidth"/>
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="tel_assistent" value="Assistent phone"/>
<url-phone id="tel_assistent" class="et2_fullWidth"/>
</row>
<row>
<description for="tel_fax" value="fax"/>
<url-phone id="tel_fax" class="et2_fullWidth" autocomplete="fax" />
</row>
<row>
<description for="tel_other" value="Other phone"/>
<url-phone id="tel_other" class="et2_fullWidth" autocomplete="tel" />
</row>
<row disabled="!@addr_format=city_state_postcode">
<description for="tel_fax" value="fax"/>
<url-phone id="tel_fax" class="et2_fullWidth" autocomplete="fax" />
</row>
<row disabled="!@addr_format=city_state_postcode">
<description for="tel_other" value=" Other Phone"/>
<url-phone id="tel_other" class="et2_fullWidth" autocomplete="tel"/>
</row>
<row>
<description for="tel_car" value="car phone"/>
<url-phone id="tel_car" class="et2_fullWidth"/>
</row>
<row>
<description disabled="@no_tid" for="tid" value="Type"/>
<menulist disabled="@no_tid">
<menupopup id="tid" no_lang="1" class="et2_fullWidth" onchange="1"/>
</menulist>
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_one_street" value="street"/> <description for="adr_one_street" value="street"/>
<textbox id="adr_one_street" class="et2_fullWidth" maxlength="64" autocomplete="address-line1"/> <textbox id="adr_one_street" class="et2_fullWidth" maxlength="64" autocomplete="address-line1"/>
</row> </row>
@ -132,7 +89,7 @@
<description value="Region"/> <description value="Region"/>
<textbox statustext="State" id="adr_one_region" maxlength="64" class="et2_fullWidth" autocomplete="address-level1"/> <textbox statustext="State" id="adr_one_region" maxlength="64" class="et2_fullWidth" autocomplete="address-level1"/>
</row> </row>
<row disabled="@addr_format=city_state_postcode"> <row>
<description for="adr_one_countryname" value="country"/> <description for="adr_one_countryname" value="country"/>
<vbox width="100%"> <vbox width="100%">
<menulist class="et2_fullWidth"> <menulist class="et2_fullWidth">
@ -141,6 +98,34 @@
<textbox id="adr_one_countryname" class="custom_country et2_fullWidth" autocomplete="country-name"/> <textbox id="adr_one_countryname" class="custom_country et2_fullWidth" autocomplete="country-name"/>
</vbox> </vbox>
</row> </row>
<row>
<description for="role" value="Role"/>
<textbox id="role" class="et2_fullWidth" maxlength="64" autocomplete="section-one" />
</row>
<row>
<description value="Room"/>
<textbox id="room" width="35%"/>
</row>
<row>
<description for="assistent" value="Assistent"/>
<textbox id="assistent" class="et2_fullWidth"/>
</row>
<row>
<description for="tel_assistent" value="Assistent phone"/>
<url-phone id="tel_assistent" class="et2_fullWidth"/>
</row>
<row>
<description for="tel_fax" value="fax"/>
<url-phone id="tel_fax" class="et2_fullWidth" autocomplete="fax" />
</row>
<row>
<description for="tel_other" value="Other phone"/>
<url-phone id="tel_other" class="et2_fullWidth" autocomplete="tel" />
</row>
<row>
<description for="tel_car" value="car phone"/>
<url-phone id="tel_car" class="et2_fullWidth"/>
</row>
</rows> </rows>
</grid> </grid>
</template> </template>
@ -191,22 +176,14 @@
<description for="tel_cell_private" value="mobile phone"/> <description for="tel_cell_private" value="mobile phone"/>
<url-phone id="tel_cell_private" class="et2_fullWidth" autocomplete="section-two mobile tel" /> <url-phone id="tel_cell_private" class="et2_fullWidth" autocomplete="section-two mobile tel" />
</row> </row>
<row disabled="@addr_format=city_state_postcode"> <row>
<description for="tel_pager" value="pager" autocomplete="section-two pager tel" /> <description for="tel_pager" value="pager" autocomplete="section-two pager tel" />
<url-phone id="tel_pager" class="et2_fullWidth"/> <url-phone id="tel_pager" class="et2_fullWidth"/>
</row> </row>
<row disabled="!@addr_format=city_state_postcode"> <row >
<description for="tel_pager" value="pager"/>
<url-phone id="tel_pager" class="et2_fullWidth"/>
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="tel_fax_home" value="fax"/> <description for="tel_fax_home" value="fax"/>
<url-phone id="tel_fax_home" class="et2_fullWidth" autocomplete="section-two fax tel" /> <url-phone id="tel_fax_home" class="et2_fullWidth" autocomplete="section-two fax tel" />
</row> </row>
<row disabled="!@addr_format=city_state_postcode">
<description for="tel_fax_home" value="fax"/>
<url-phone id="tel_fax_home" class="et2_fullWidth" autocomplete="fax tel" />
</row>
<row> <row>
<description for="email_home" value="EMail"/> <description for="email_home" value="EMail"/>
<url-email id="email_home" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" autocomplete="section-two home email" /> <url-email id="email_home" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" autocomplete="section-two home email" />
@ -215,7 +192,7 @@
<description for="url_home" value="URL"/> <description for="url_home" value="URL"/>
<url id="url_home" class="et2_fullWidth" autocomplete="section-two url" /> <url id="url_home" class="et2_fullWidth" autocomplete="section-two url" />
</row> </row>
<row disabled="@addr_format=city_state_postcode"> <row>
<description for="bday" value="Birthday"/> <description for="bday" value="Birthday"/>
<date id="bday" options="Y-m-d" year_range="c-90:c+2" class="et2_fullWidth"/> <date id="bday" options="Y-m-d" year_range="c-90:c+2" class="et2_fullWidth"/>
</row> </row>
@ -234,15 +211,6 @@
<textbox statustext="City" id="adr_two_locality" maxlength="64" width="242" autocomplete="section-two address-level2" /> <textbox statustext="City" id="adr_two_locality" maxlength="64" width="242" autocomplete="section-two address-level2" />
</hbox> </hbox>
</row> </row>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_two_countryname" value="country"/>
<vbox width="100%">
<menulist class="et2_fullWidth">
<menupopup type="select-country" class="countrySelect et2_fullWidth" id="adr_two_countrycode" onchange="app.addressbook.show_custom_country(this);" options="Select one,0,1" autocomplete="section-two country" />
</menulist>
<textbox id="adr_two_countryname" class="custom_country et2_fullWidth" autocomplete="section-two country-name" />
</vbox>
</row>
<row disabled="@addr_format=city_state_postcode"> <row disabled="@addr_format=city_state_postcode">
<description value="Region"/> <description value="Region"/>
<textbox statustext="State" id="adr_two_region" maxlength="64" class="et2_fullWidth" autocomplete="section-two address-level1" /> <textbox statustext="State" id="adr_two_region" maxlength="64" class="et2_fullWidth" autocomplete="section-two address-level1" />
@ -255,8 +223,7 @@
<textbox statustext="ZIP Code" id="adr_two_postalcode" size="5" maxlength="64" autocomplete="section-two postal-code" /> <textbox statustext="ZIP Code" id="adr_two_postalcode" size="5" maxlength="64" autocomplete="section-two postal-code" />
</hbox> </hbox>
</row> </row>
<row>
<row disabled="!@addr_format=city_state_postcode">
<description for="adr_two_countryname" value="country"/> <description for="adr_two_countryname" value="country"/>
<vbox width="100%"> <vbox width="100%">
<menulist> <menulist>
@ -265,27 +232,22 @@
<textbox id="adr_two_countryname" class="custom_country et2_fullWidth" autocomplete="section-two country-name" /> <textbox id="adr_two_countryname" class="custom_country et2_fullWidth" autocomplete="section-two country-name" />
</vbox> </vbox>
</row> </row>
<row disabled="!@addr_format=city_state_postcode">
<description for="bday" value="Birthday"/>
<date id="bday" options="Y-m-d" class="et2_fullWidth"/>
</row>
</rows> </rows>
</grid> </grid>
</template> </template>
<template id="addressbook.edit.links" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.links" template="" lang="" group="0" version="1.9.001">
<grid width="100%"> <grid width="100%">
<columns> <columns>
<column width = "120"/>
<column width="600"/> <column width="600"/>
</columns> </columns>
<rows> <rows>
<row disabled="@view"> <row disabled="@view">
<description/>
<link-to id="link_to"/> <link-to id="link_to"/>
</row> </row>
<row> <row class="th">
<description value="Existing links"/> <description value="Existing links"/>
</row>
<row>
<link-list id="link_to"/> <link-list id="link_to"/>
</row> </row>
</rows> </rows>
@ -336,9 +298,9 @@
</rows> </rows>
</grid> </grid>
</template> </template>
<template id="addressbook.edit" template="" lang="" group="0" version="1.9.004" class="addressbook_edit"> <template id="addressbook.edit" template="" lang="" group="0" version="1.9.004">
<template id="addressbook.editname"/> <template id="addressbook.editname"/>
<grid class="addressbook_edit" border="1" width="100%"> <grid border="1" width="100%">
<columns> <columns>
<column width = "120"/> <column width = "120"/>
<column width="600"/> <column width="600"/>
@ -431,6 +393,12 @@
<column width="600"/> <column width="600"/>
</columns> </columns>
<rows> <rows>
<row>
<description disabled="@no_tid" for="tid" value="Type"/>
<menulist disabled="@no_tid">
<menupopup id="tid" no_lang="1" class="et2_fullWidth" onchange="1"/>
</menulist>
</row>
<row> <row>
<description value="Addressbook"/> <description value="Addressbook"/>
<menulist span="2" class="et2_fullWidth"> <menulist span="2" class="et2_fullWidth">

22
addressbook/templates/mobile/index.xet
View File

@ -17,8 +17,7 @@
<grid width="100%"> <grid width="100%">
<columns> <columns>
<column width="10"/> <column width="10"/>
<column width="40%"/> <column width="80%"/>
<column width="40%"/>
<column width="58"/> <column width="58"/>
</columns> </columns>
<rows> <rows>
@ -28,24 +27,9 @@
<description class=" cat_$row_cont[cat_id] mobile_cat_col"/> <description class=" cat_$row_cont[cat_id] mobile_cat_col"/>
<vbox class="addressbookCol1"> <vbox class="addressbookCol1">
<vbox id="${row}[id]"> <vbox id="${row}[id]">
<description id="${row}[line2]" no_lang="1" height="15"/> <description id="${row}[line2]" no_lang="1" />
<description id="${row}[line1]" no_lang="1" height="15"/> <description id="${row}[line1]" no_lang="1" />
</vbox> </vbox>
<description value=" " id="${row}[adr_one_locality]" no_lang="1"/>
</vbox>
<vbox class="addressbookCol2">
<hbox>
<image src="email.png"/>
<url-email id="${row}[email]" height="15" readonly="true" class="telNumbers"/>
</hbox>
<hbox>
<image src="phone.png"/>
<url-phone id="${row}[tel_work]" readonly="true" class="telNumbers"/>
</hbox>
<hbox>
<image src="cellphone.png"/>
<url-phone id="${row}[tel_cell]" readonly="true" class="telNumbers"/>
</hbox>
</vbox> </vbox>
<vbox class="addressbookCol3"> <vbox class="addressbookCol3">
<hbox class="avatar"> <hbox class="avatar">

180
addressbook/templates/mobile/view.xet Normal file
View File

@ -0,0 +1,180 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
<!-- $Id$ -->
<overlay>
<template id="addressbook.view" template="" lang="" group="0" version="1.9.004" class="addressbook_view">
<grid class="addressbook_view" border="1" width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row class="dialogHeadbar" >
<buttononly id="edit" label="edit" class="button_edit"/>
</row>
<row>
<hbox disabled="@hidebuttons" class="avatar">
<image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;"/>
</hbox>
</row>
<row>
<textbox id="n_fn" blur="Name" no_lang="1" tabindex="-1" class="cursorHand et2_fullWidth" onclick="jQuery('table.editname').css('display','inline'); var focElem = document.getElementById(form::name('n_prefix')); if (!(typeof(focElem) == 'undefined') &amp;&amp; typeof(focElem.focus)=='function') document.getElementById(form::name('n_prefix')).focus();" autocomplete="name" />
</row>
<row>
<description for="org_name" value="Organisation"/>
<textbox id="org_name" onchange="app.addressbook.check_value(widget,'$cont[id]');" maxlength="128" class="et2_fullWidth" autocomplete="organization" />
</row>
<row>
<description for="title" value="Title"/>
<textbox id="title" size="36" maxlength="64" class="et2_fullWidth" autocomplete="organization-title" placeholder="title"/>
</row>
<row>
<description for="org_unit" value="department"/>
<textbox id="org_unit" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" maxlength="64"/>
</row>
<row>
<description for="tel_work" value="Business phone"/>
<url-phone id="tel_work" class="et2_fullWidth" autocomplete="work tel" />
</row>
<row>
<description for="tel_cell" value="mobile phone"/>
<url-phone id="tel_cell" class="et2_fullWidth" autocomplete="mobile tel" />
</row>
<row>
<description for="email" value="email"/>
<url-email id="email" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" autocomplete="work email" />
</row>
<row>
<description for="url" value="url"/>
<url id="url" class="et2_fullWidth" autocomplete="url" />
</row>
<row>
<details title="Organisation">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_one_street" value="street"/>
<textbox id="adr_one_street" class="et2_fullWidth" maxlength="64" autocomplete="address-line1"/>
</row>
<row>
<description/>
<textbox statustext="address line 2" id="adr_one_street2" class="et2_fullWidth" maxlength="64" autocomplete="address-line2"/>
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_one_locality" value="city" />
<textbox statustext="City" id="adr_one_locality" maxlength="64" class="et2_fullWidth" autocomplete="address-level2"/>
</row>
<row disabled="@addr_format=city_state_postcode">
<description value="ZIP Code"/>
<textbox statustext="ZIP Code" id="adr_one_postalcode" width="35%" maxlength="64" autocomplete="postal-code"/>
</row>
<row disabled="!@addr_format=city_state_postcode">
<description value="City"/>
<hbox>
<textbox statustext="City" id="adr_one_locality" size="30" maxlength="64" autocomplete="address-level2"/>
<textbox statustext="State" id="adr_one_region" size="3" maxlength="64" autocomplete="address-level1"/>
<textbox statustext="ZIP Code" id="adr_one_postalcode" size="5" maxlength="64" autocomplete="postal-code"/>
</hbox>
</row>
<row disabled="@addr_format=city_state_postcode">
<description value="Region"/>
<textbox statustext="State" id="adr_one_region" maxlength="64" class="et2_fullWidth" autocomplete="address-level1"/>
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_one_countryname" value="country"/>
<vbox width="100%">
<menulist class="et2_fullWidth">
<menupopup type="select-country" class="countrySelect et2_fullWidth" id="adr_one_countrycode" onchange="app.addressbook.show_custom_country(this);" options="Select one,0,1" autocomplete="country"/>
</menulist>
<textbox id="adr_one_countryname" class="custom_country et2_fullWidth" autocomplete="country-name"/>
</vbox>
</row>
</rows>
</grid>
</details>
</row>
<row>
<details title="Private">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row>
<description for="tel_home" value="Home phone"/>
<url-phone id="tel_home" class="et2_fullWidth" autocomplete="section-two home tel" />
</row>
<row>
<description for="tel_cell_private" value="mobile phone"/>
<url-phone id="tel_cell_private" class="et2_fullWidth" autocomplete="section-two mobile tel" />
</row>
<row >
<description for="tel_fax_home" value="fax"/>
<url-phone id="tel_fax_home" class="et2_fullWidth" autocomplete="section-two fax tel" />
</row>
<row>
<description for="email_home" value="EMail"/>
<url-email id="email_home" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" autocomplete="section-two home email" />
</row>
<row>
<description for="url_home" value="URL"/>
<url id="url_home" class="et2_fullWidth" autocomplete="section-two url" />
</row>
<row>
<description for="bday" value="Birthday"/>
<date id="bday" options="Y-m-d" year_range="c-90:c+2" class="et2_fullWidth"/>
</row>
<row>
<description for="adr_two_street" value="street"/>
<textbox id="adr_two_street" class="et2_fullWidth" maxlength="64" autocomplete="section-two address-line1" />
</row>
<row>
<description/>
<textbox statustext="address line 2" id="adr_two_street2" class="et2_fullWidth" maxlength="64" autocomplete="section-two address-line2" />
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_two_locality" value="city"/>
<hbox>
<textbox statustext="ZIP Code" id="adr_two_postalcode" width="40" maxlength="64" autocomplete="section-two postal-code" />
<textbox statustext="City" id="adr_two_locality" maxlength="64" width="242" autocomplete="section-two address-level2" />
</hbox>
</row>
<row disabled="@addr_format=city_state_postcode">
<description value="Region"/>
<textbox statustext="State" id="adr_two_region" maxlength="64" class="et2_fullWidth" autocomplete="section-two address-level1" />
</row>
<row disabled="!@addr_format=city_state_postcode">
<description value="City"/>
<hbox>
<textbox statustext="City" id="adr_two_locality" size="30" maxlength="64" autocomplete="section-two address-level2" />
<textbox statustext="State" id="adr_two_region" size="3" maxlength="64" autocomplete="section-two address-level1"/>
<textbox statustext="ZIP Code" id="adr_two_postalcode" size="5" maxlength="64" autocomplete="section-two postal-code" />
</hbox>
</row>
<row>
<description for="adr_two_countryname" value="country"/>
<vbox width="100%">
<menulist>
<menupopup type="select-country" class="countrySelect et2_fullWidth" id="adr_two_countrycode" onchange="app.addressbook.show_custom_country(this);" options="Select one,0,1" autocomplete="section-two country" />
</menulist>
<textbox id="adr_two_countryname" class="custom_country et2_fullWidth" autocomplete="section-two country-name" />
</vbox>
</row>
</rows>
</grid>
</details>
</row>
<row>
<description value="Notes"/>
<textbox multiline="true" id="note" rows="10" resize_ratio="0" class="et2_fullWidth" height="200"/>
</row>
</rows>
</grid>
</template>
</overlay>

25
addressbook/templates/pixelegg/app.css
View File

@ -493,38 +493,45 @@ input.et2_radiobox {
} }
/* tablets and smartphones */ /* tablets and smartphones */
@media only screen and (max-device-width: 1024px) { @media only screen and (max-device-width: 1024px) {
#addressbook-edit div.et2_hbox.avatar { #addressbook-edit div.et2_hbox.avatar,
.addressbook_view div.et2_hbox.avatar {
width: 70px; width: 70px;
display: block; display: block;
height: 70px; height: 70px;
margin: auto; margin: auto;
} }
#addressbook-edit div.et2_hbox.avatar img { #addressbook-edit div.et2_hbox.avatar img,
.addressbook_view div.et2_hbox.avatar img {
width: 70px; width: 70px;
} }
#addressbook-edit #addressbook-edit_n_fn { #addressbook-edit #addressbook-edit_n_fn,
.addressbook_view #addressbook-edit_n_fn,
#addressbook-edit #_n_fn,
.addressbook_view #_n_fn {
border: none; border: none;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
} }
#addressbook-edit #addressbook-edit_adr_one_locality, #addressbook-edit #addressbook-edit_adr_one_locality,
.addressbook_view #addressbook-edit_adr_one_locality,
#addressbook-edit #addressbook-edit_adr_two_locality, #addressbook-edit #addressbook-edit_adr_two_locality,
#addressbook-edit #addressbook-edit_room { .addressbook_view #addressbook-edit_adr_two_locality,
#addressbook-edit #addressbook-edit_room,
.addressbook_view #addressbook-edit_room {
margin-left: 0; margin-left: 0;
} }
#addressbook-edit a.et2_url.email { #addressbook-edit a.et2_url.email,
.addressbook_view a.et2_url.email {
display: none; display: none;
} }
#addressbook-index table.egwGridView_outer tbody .addressbookCol3 div.avatar {
position: absolute;
}
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line1]'] { #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line1]'] {
font-size: 9pt; font-size: 12pt;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line2]'] { #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line2]'] {
font-size: 12pt;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

11
addressbook/templates/pixelegg/app.less
View File

@ -391,7 +391,7 @@ div.addressbook_edit_general_picture img {
/* tablets and smartphones */ /* tablets and smartphones */
@media only screen and (max-device-width:1024px) { @media only screen and (max-device-width:1024px) {
#addressbook-edit { #addressbook-edit, .addressbook_view {
div.et2_hbox.avatar { div.et2_hbox.avatar {
width: 70px; width: 70px;
display: block; display: block;
@ -402,7 +402,7 @@ div.addressbook_edit_general_picture img {
width: 70px; width: 70px;
} }
} }
#addressbook-edit_n_fn { #addressbook-edit_n_fn, #_n_fn {
border: none; border: none;
text-align: center; text-align: center;
.mob-fontsize-l; .mob-fontsize-l;
@ -417,16 +417,15 @@ div.addressbook_edit_general_picture img {
#addressbook-index { #addressbook-index {
table.egwGridView_outer tbody { table.egwGridView_outer tbody {
.addressbookCol3 div.avatar {
position: absolute;
}
span[id^='addressbook-index_'][id$='line1]'] { span[id^='addressbook-index_'][id$='line1]'] {
.mob-fontsize-s; .mob-fontsize-l;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
span[id^='addressbook-index_'][id$='line2]']{ span[id^='addressbook-index_'][id$='line2]']{
.mob-fontsize-l;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

245
infolog/templates/mobile/edit.xet Normal file
View File

@ -0,0 +1,245 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
<!-- $Id: edit.xet 54611 2015-12-22 17:01:32Z nathangray $ -->
<overlay>
<template id="infolog.edit.description" template="" lang="" group="0" version="1.6.001">
<textbox multiline="true" id="info_des" no_lang="1" width="99.7%" height="100%" resize_ratio="0"/>
</template>
<template id="infolog.edit.links" template="" lang="" group="0" version="1.3.001">
<grid width="100%">
<columns>
<column width="600"/>
</columns>
<rows>
<row disabled="@view">
<link-to id="link_to"/>
</row>
<row class="th">
<description value="Existing links"/>
</row>
<row>
<link-list id="link_to"/>
</row>
</rows>
</grid>
</template>
<template id="infolog.edit.project" template="" lang="" group="0" version="1.5.004">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row>
<description value="Project"/>
<link-entry id="pm_id" only_app='projectmanager' onchange="app.infolog.submit_if_not_empty" blur="None" class="infolog_projectName"/>
</row>
<row>
<description value="Price"/>
<hbox>
<textbox type="float" id="info_price" size="10"/>
<projectmanager-pricelist id="pl_id" onchange="window.app.infolog.et2.getWidgetById('info_price').set_value(this.options[this.selectedIndex].text.lastIndexOf('(') &lt; 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1));" options="None" />
</hbox>
</row>
<row>
<description value="planned time" for="info_planned_time"/>
<date-duration id="info_planned_time" display_format="$cont[duration_format]" class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]"/>
</row>
<row>
<description value="Re-planned time" for="info_replanned_time"/>
<date-duration id="info_replanned_time" display_format="$cont[duration_format]" class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]"/>
</row>
<row>
<description statustext="Leave blank to get the used time calculated by timesheet entries" value="used time" for="info_used_time"/>
<date-duration id="info_used_time" span="2" display_format="$cont[duration_format]" class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]"/>
</row>
</rows>
</grid>
</template>
<template id="infolog.edit.customfields" template="" lang="" group="0" version="1.0.1.001">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row>
<box width="100%" overflow="auto">
<customfields options="@info_type"/>
</box>
</row>
</rows>
</grid>
</template>
<template id="infolog.edit.details" template="" lang="" group="0" version="1.9.001">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row>
<description value="CC"/>
<taglist-email id="info_cc" width="100%" empty_label="email"/>
</row>
<row>
<description value="Responsible" for="info_responsible"/>
<menulist width="100%">
<menupopup type="select-account" statustext="select a responsible user: a person you want to delegate this task" id="info_responsible" multiple="true" no_lang="1" tags="true" class="et2_fullWidth" account_type="both" empty_label="User or group" onchange="app.infolog.onchangeResponsible"/>
</menulist>
</row>
<row>
<description value="Category" for="info_cat"/>
<menulist class="et2_fullWidth">
<menupopup type="select-cat" statustext="select a category for this entry" id="info_cat" options="None"/>
</menulist>
</row>
<row >
<description value="Parent" font_style="1"/>
<link-entry id="info_id_parent" onchange="if(egw &amp;&amp; widget) { if(widget._oldValue) window.opener.egw.dataStoreUID(egw.appName+&quot;::&quot;+widget._oldValue,false);window.opener.egw.dataStoreUID(egw.appName+&quot;::&quot;+widget.getValue(),false);}" options="infolog" class="et2_fullWidth"/>
</row>
<row>
<description value="Location" for="info_location"/>
<textbox id="info_location" size="60" maxlength="255" class="et2_fullWidth"/>
</row>
<row>
<description value="Priority" for="info_priority"/>
<menulist class="et2_fullWidth">
<menupopup statustext="select a priority for this task" id="info_priority"/>
</menulist>
</row>
<row>
<description value="Date completed" for="info_datecompleted"/>
<date-time statustext="Date completed (leave it empty to have it automatic set if status is done or billed)" id="info_datecompleted" onchange="app.infolog.status_changed(this.id, form::name('info_status'), form::name('info_percent'), form::name('info_datecompleted'))" class="et2_fullWidth"/>
</row>
<row>
<description value="Contact" for="info_from"/>
<textbox blur="@blur_title" class="et2_fullWidth" statustext="Custom contact-information, leave emtpy to use information from most recent link" id="info_from" size="60" maxlength="255"/>
</row>
<row>
<description value="Phone/Email" for="info_addr"/>
<hbox>
<textbox statustext="Custom contact-address, leave empty to use information from most recent link" id="info_addr" size="60" maxlength="255" class="et2_fullWidth _inputFullWidth"/>
</hbox>
</row>
</rows>
</grid>
</template>
<template id="infolog.edit" template="" lang="" group="0" version="1.9.101">
<grid border="1" width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row disabled="@hidebuttons" class="dialogHeadbar" >
<hbox span="all" width="100%">
<button statustext="Saves this entry" id="button[save]" image="save" background_image="1"/>
<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
<button statustext="leave without saveing the entry" id="button[cancel]" onclick="window.close();" image="cancel" background_image="1"/>
<buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/>
<checkbox toggle_on="on" toggle_off="off" label="notification" id="no_notifications"/>
</hbox>
</row>
<row disabled="!@showsearchbuttons" class="dialogHeadbar">
<hbox span="all" width="100%">
<button label="Search" id="button[search]" image="search" background_image="1"/>
<button label="Cancel" id="button[cancelsearch]" image="cancel" background_image="1"/>
</hbox>
</row>
<row>
<description value="Title" for="info_subject"/>
<textbox statustext="a short subject for the entry" id="info_subject" class="et2_fullWidth et2_required" maxlength="255" span="5" tabindex="1"/>
</row>
<row>
<description value="Type" for="info_type"/>
<hbox>
<menulist class="et2_fullWidth">
<menupopup statustext="Type of the log-entry: Note, Phonecall or ToDo" id="info_type" no_lang="1" onchange="widget.getInstanceManager().submit(null,false,true); return false;" />
</menulist>
<textbox align="right" type="integer" id="info_number" readonly="true"/>
</hbox>
</row>
<row>
<description value="Contact"/>
<link-entry id="info_contact" span="4"/>
</row>
<row>
<description value="Startdate" for="info_startdate"/>
<date-time statustext="when should the ToDo or Phonecall be started, it shows up from that date in the filter open or own open (startpage)" id="info_startdate" class="et2_fullWidth"/>
</row>
<row>
<description value="Enddate" for="info_enddate"/>
<date-time statustext="til when should the ToDo or Phonecall be finished" id="info_enddate" class="et2_fullWidth"/>
</row>
<row>
<description value="Status" for="info_status"/>
<menulist class="et2_fullWidth">
<menupopup statustext="@status_help" id="info_status" onchange="app.infolog.status_changed(this.id, form::name('info_status'), form::name('info_percent'), form::name('info_datecompleted'))"/>
</menulist>
</row>
<row>
<description value="Completed" for="info_percent"/>
<menulist class="et2_fullWidth" span="4">
<menupopup type="select-percent" statustext="Percent completed" id="info_percent" onchange="app.infolog.status_changed(this.id, form::name('info_status'), form::name('info_percent'), form::name('info_datecompleted'))"/>
</menulist>
</row>
<row>
<tabbox id="tabs" span="all" width="100%" align_tabs="v">
<tabs>
<tab id="description" label="Description" statustext="longer textual description"/>
<tab id="details" label="Details" statustext="Location, priority , ..."/>
<tab id="links" label="Links" statustext="Links of this entry"/>
<tab id="project" label="Projectmanager" statustext="Project settings: price, times"/>
<tab id="customfields" label="Customfields" statustext="Custom fields"/>
</tabs>
<tabpanels>
<template id="infolog.edit.description"/>
<template id="infolog.edit.details"/>
<template id="infolog.edit.links"/>
<template id="infolog.edit.project"/>
<template id="infolog.edit.customfields"/>
</tabpanels>
</tabbox>
</row>
<row>
<details title="Ownership">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row disabled="!@info_owner">
<description value="Owner"/>
<menulist>
<menupopup type="select-account" id="info_owner" readonly="true"/>
</menulist>
</row>
<row>
<description value="Created"/>
<date-time id="info_created" readonly="true"/>
</row>
<row>
<description value="Private" for="info_access"/>
<checkbox statustext="should this entry only be visible to you and people you grant privat access via the ACL" id="info_access" options="private,public"/>
</row>
<row>
<description value="Last modified"/>
<menulist>
<menupopup type="select-account" id="info_modifier" readonly="true"/>
</menulist>
</row>
<row>
<description/>
<date-time id="info_datemodified" readonly="true"/>
</row>
</rows>
</grid>
</details>
</row>
</rows>
</grid>
</template>
</overlay>

4
infolog/templates/pixelegg/app.css
View File

@ -506,5 +506,9 @@ button#infolog-edit_timestamp {
div.et2_vbox.infolog_CompletedClmn { div.et2_vbox.infolog_CompletedClmn {
display: table-caption; display: table-caption;
} }
select#infolog-edit_pl_id {
width: 52%;
margin-left: 5px;
}
} }
/**/ /**/

4
infolog/templates/pixelegg/app.less
View File

@ -480,6 +480,10 @@ button#infolog-edit_timestamp {
div.et2_vbox.infolog_CompletedClmn { div.et2_vbox.infolog_CompletedClmn {
display: table-caption; display: table-caption;
} }
select#infolog-edit_pl_id {
width:52%;
margin-left:5px;
}
} }
/**/// Ende der APP INfolo /**/// Ende der APP INfolo

69
phpgwapi/js/jsapi/app_base.js
View File

@ -383,7 +383,74 @@ var AppJS = Class.extend(
return state; return state;
}, },
/**
* Function to load selected row from nm into a template view
*
* @param {object} _action
* @param {object} _senders
*/
viewEntry: function(_action, _senders)
{
// app id in nm
var id = _senders[0].id;
// entry id
var id_app = '';
var content = {};
var self = this;
if (id){
id_app = id.split('::');
content = egw.dataGetUIDdata(id);
if (content.data) content = content.data;
}
// view container
this.viewContainer = jQuery(document.createElement('div'))
.addClass('et2_mobile_view')
.appendTo('body');
// close button
var close = jQuery(document.createElement('span'))
.addClass('egw_fw_mobile_popup_close loaded')
.click(function(){
self.viewContainer.remove();
delete self.viewTemplate;
delete self.viewContainer;
})
.appendTo(this.viewContainer);
// view template main container (content)
this.viewTemplate = jQuery(document.createElement('div'))
.attr('id', this.appname+'_view')
.css({"z-index":102,
width:"100%",
height:"100%",
background:"white",
display:'block',
position:'absolute',
top:0,
left:0,
overflow:'auto',
"padding-top":'60px'})
.appendTo(this.viewContainer);
var etemplate = new etemplate2 (this.viewTemplate[0], false);
var template = egw.webserverUrl+ '/' + this.appname + '/templates/mobile/view.xet?1';
var data = {content:content, readonlys:{'__ALL__':true,'edit':false}};
if(template.indexOf('.xet') > 0)
{
// File name provided, fetch from server
etemplate.load("",template, data, function() {});
}
else
{
// Just template name, it better be loaded already
etemplate.load(template,'',data);
}
},
/** /**
* Initializes actions and handlers on sidebox (delete) * Initializes actions and handlers on sidebox (delete)
* *

128
pixelegg/css/mobile.css
View File

@ -2204,9 +2204,9 @@ body {
padding: 0; padding: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
border-bottom: 0px solid #7E7E7E; border: none;
margin: 0; margin: 0;
background-color: #408dd2; background-color: white;
} }
#loginMainDiv #divAppIconBar { #loginMainDiv #divAppIconBar {
margin-left: auto; margin-left: auto;
@ -2218,31 +2218,20 @@ body {
#loginMainDiv #divAppIconBar #divLogo { #loginMainDiv #divAppIconBar #divLogo {
position: relative; position: relative;
top: 1px; top: 1px;
background-color: #408dd2;
} }
#loginMainDiv #divAppIconBar #divLogo img { #loginMainDiv #divAppIconBar #divLogo img {
/*width: 70%;*/
/*margin-left: 15%;*/
margin: 0 auto; margin: 0 auto;
max-width: 400px; max-width: 400px;
} }
#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] { #loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
width: 70%; width: 70%;
max-width: 2560px; max-width: 2560px;
background-color: #408dd2;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDA4ZGQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4ZGQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #408dd2, #408dd2);
background-image: -ms-linear-gradient(top, #408dd2, #408dd2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#408dd2), to(#408dd2));
background-image: -webkit-linear-gradient(top, #408dd2, #408dd2);
background-image: -o-linear-gradient(top, #408dd2, #408dd2);
background-image: linear-gradient(top, #408dd2, #408dd2);
background-repeat: repeat-x;
} }
#loginMainDiv div#centerBox { #loginMainDiv div#centerBox {
margin: 0% auto; margin: 0% auto;
width: 57em; width: 57em;
background-color: #ffffff; background-color: #cdcdcd;
border: none;
z-index: 100; z-index: 100;
padding: 25px 10px 10px; padding: 25px 10px 10px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
@ -2258,20 +2247,6 @@ body {
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-top-left-radius: 50px; border-top-left-radius: 50px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
background-color: #4385c0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5ZmQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #679fd2, #0c5da5);
background-image: -ms-linear-gradient(top, #679fd2, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679fd2), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #679fd2, #0c5da5);
background-image: -o-linear-gradient(top, #679fd2, #0c5da5);
background-image: linear-gradient(top, #679fd2, #0c5da5);
background-repeat: repeat-x;
border-top: solid 1px #0c5da5;
border-left: solid 1px #0c5da5;
border-right: solid 1px #0c5da5;
border-bottom: solid 1px #679fd2;
border-width: 1px;
} }
#loginMainDiv div#centerBox #loginScreenMessage { #loginMainDiv div#centerBox #loginScreenMessage {
margin: 1em; margin: 1em;
@ -4187,7 +4162,6 @@ td.message span.message {
#egw_fw_header { #egw_fw_header {
width: 100%; width: 100%;
float: left; float: left;
background-color: #679fd2;
/* Logo EGW or Company - left top*/ /* Logo EGW or Company - left top*/
/* ########################################################################################################################################### /* ###########################################################################################################################################
Topmenu / Home / Einstellungen / Zugriff / Kategorien usw.. Topmenu / Home / Einstellungen / Zugriff / Kategorien usw..
@ -4268,7 +4242,7 @@ td.message span.message {
line-height: 1.5em; line-height: 1.5em;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
color: #e6e6e6; /*color: @gray_10;*/
border-color: #828282; border-color: #828282;
text-decoration: none !important; text-decoration: none !important;
} }
@ -6595,6 +6569,8 @@ span.egw_tutorial_title {
@media all { @media all {
body { body {
background-color: transparent; background-color: transparent;
/*BOF close/back button styling*/
/*EOF close/back button styling*/
} }
body .pt-page-moveToLeft { body .pt-page-moveToLeft {
-webkit-animation: moveToLeft .6s ease both; -webkit-animation: moveToLeft .6s ease both;
@ -6695,6 +6671,31 @@ span.egw_tutorial_title {
body table.egwGridView_outer tbody tr td span.cat_.mobile_cat_col { body table.egwGridView_outer tbody tr td span.cat_.mobile_cat_col {
background: #F5F5F5; background: #F5F5F5;
} }
body span.egw_fw_mobile_popup_close {
width: 50px;
height: 50px;
float: left;
background-image: url('../images/cancelled.png');
/*url(../images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 1000;
padding-right: 5px;
top: 2px;
left: 10px;
background-position: 3px 7px;
position: fixed;
}
body span.egw_fw_mobile_popup_close.loaded {
background-image: none;
}
body span.egw_fw_mobile_popup_close.loaded:after {
content: "\2190";
font-size: 24pt;
color: white;
padding-left: 5px;
font-weight: bold;
}
#egw_fw_basecontainer { #egw_fw_basecontainer {
background: white; background: white;
} }
@ -7318,31 +7319,6 @@ span.egw_tutorial_title {
height: 100%; height: 100%;
visibility: hidden; visibility: hidden;
} }
.egw_fw_mobile_popup_container span.egw_fw_mobile_popup_close {
width: 50px;
height: 50px;
float: left;
background-image: url('../images/cancelled.png');
/*url(../images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 1000;
padding-right: 5px;
top: 2px;
left: 10px;
background-position: 3px 7px;
position: absolute;
}
.egw_fw_mobile_popup_container span.egw_fw_mobile_popup_close.loaded {
background-image: none;
}
.egw_fw_mobile_popup_container span.egw_fw_mobile_popup_close.loaded:after {
content: "\2190";
font-size: 24pt;
color: white;
padding-left: 5px;
font-weight: bold;
}
.dialogHeadbar { .dialogHeadbar {
height: 50px; height: 50px;
box-shadow: 0px 4px 5px 2px silver; box-shadow: 0px 4px 5px 2px silver;
@ -7508,6 +7484,9 @@ span.egw_tutorial_title {
/*mobile etemplate2*/ /*mobile etemplate2*/
/*mobile etemplate2*/ /*mobile etemplate2*/
@media only screen and (min-width: 320px) and (max-width: 1290px) { @media only screen and (min-width: 320px) and (max-width: 1290px) {
body {
/*Chosen*/
}
body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu {
background-image: url(../images/topmenu_items/mobile/menu_white.png); background-image: url(../images/topmenu_items/mobile/menu_white.png);
width: 65px; width: 65px;
@ -7549,6 +7528,26 @@ span.egw_tutorial_title {
left: 0 !important; left: 0 !important;
top: 0 !important; top: 0 !important;
} }
body div.ui-dialog-content {
height: 87% !important;
margin-top: 60px !important;
padding: 0 !important;
}
body .ui-dialog .ui-dialog-buttonpane {
position: fixed !important;
top: 0 !important;
left: 0 !important;
display: block !important;
padding: 0 !important;
margin: 0 !important;
height: 50px;
box-shadow: 0px 4px 5px 2px silver;
width: 100%;
z-index: 1;
}
body .ui-dialog-titlebar {
display: none;
}
body button.plus_button { body button.plus_button {
position: absolute !important; position: absolute !important;
right: 15px; right: 15px;
@ -8013,4 +8012,21 @@ span.egw_tutorial_title {
body .et2_link_to .et2_file .et2_file_upload { body .et2_link_to .et2_file .et2_file_upload {
height: 25px !important; height: 25px !important;
} }
body .chzn-container ul.chzn-choices {
background: none;
border: none;
border-bottom: 1px solid #e6e6e6;
}
body .chzn-container-multi .chzn-choices li.search-field .default {
color: #666;
}
body .et2_taglist .ms-ctn {
border: none;
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
margin-right: 5px;
}
body .et2_taglist .ms-sel-ctn {
background: white;
}
} }

101
pixelegg/css/mobile.less
View File

@ -146,6 +146,32 @@
} }
} }
} }
/*BOF close/back button styling*/
span.egw_fw_mobile_popup_close {
width: 50px;
height: 50px;
float:left;
background-image: url('../images/cancelled.png');/*url(../images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 1000;
padding-right: 5px;
top:2px;
left: 10px;
background-position: 3px 7px;
position: fixed;
}
span.egw_fw_mobile_popup_close.loaded {
&:after {
content: "\2190";
font-size: 24pt;
color: white;
padding-left: 5px;
font-weight: bold;
}
background-image: none;
}
/*EOF close/back button styling*/
} }
#egw_fw_basecontainer{ #egw_fw_basecontainer{
background:white; background:white;
@ -810,30 +836,7 @@
height: 100%; height: 100%;
visibility: hidden; visibility: hidden;
} }
span.egw_fw_mobile_popup_close {
width: 50px;
height: 50px;
float:left;
background-image: url('../images/cancelled.png');/*url(../images/topmenu_items/mobile/menu_active.png);*/
-webkit-filter: contrast(2);
background-repeat: no-repeat;
z-index: 1000;
padding-right: 5px;
top:2px;
left: 10px;
background-position: 3px 7px;
position: absolute;
}
span.egw_fw_mobile_popup_close.loaded {
&:after {
content: "\2190";
font-size: 24pt;
color: white;
padding-left: 5px;
font-weight: bold;
}
background-image: none;
}
} }
//################################### //###################################
//# # //# #
@ -1108,6 +1111,26 @@
left:0 !important; left:0 !important;
top:0 !important; top:0 !important;
} }
div.ui-dialog-content {
height:87% !important;
margin-top: 60px !important;
padding:0 !important;
}
.ui-dialog .ui-dialog-buttonpane {
position: fixed !important;
top:0 !important;
left:0 !important;
display:block !important;
padding:0 !important;
margin: 0 !important;
height: 50px;
box-shadow: 0px 4px 5px 2px silver;
width: 100%;
z-index:1;
}
.ui-dialog-titlebar {
display: none;
}
button.plus_button { button.plus_button {
position: absolute !important; position: absolute !important;
right: 15px; right: 15px;
@ -1626,5 +1649,35 @@
} }
} }
} }
/*Chosen*/
.chzn-container {
ul.chzn-choices {
background: none;
border: none;
border-bottom: 1px solid @gray_10;
}
}
.chzn-container-multi {
.chzn-choices {
li.search-field {
.default {
color:#666;
}
}
}
}
.et2_taglist {
.ms-ctn {
border: none;
border-bottom: 1px solid @gray_10;
border-radius: 0;
margin-right:5px;
}
.ms-sel-ctn {
background: white;
}
}
} }
} }