Mobile theme W.I.P.:

- Add vertical tabs for addressbook edit dialog
- Fix link_to widget
- Fix zipcode and city fileds in addressbook edit dialog
This commit is contained in:
Hadi Nategh 2016-01-28 11:30:52 +00:00
parent beacb4fc01
commit c3f12efd2e
5 changed files with 378 additions and 309 deletions

View File

@ -55,7 +55,6 @@
</grid>
</template>
<template id="addressbook.edit.general" template="" lang="" group="0" version="1.9.003">
<details title="Organisation">
<grid width="100%">
<columns>
<column width = "120"/>
@ -64,10 +63,11 @@
<rows>
<row>
<description for="role" value="Role"/>
<hbox width="100%">
<textbox id="role" width="60%" maxlength="64" autocomplete="section-one" />
<textbox label="Room" id="room" width="40%"/>
</hbox>
<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"/>
@ -114,12 +114,12 @@
</row>
<row disabled="@addr_format=city_state_postcode">
<description for="adr_one_locality" value="city" />
<hbox>
<textbox statustext="ZIP Code" id="adr_one_postalcode" width="40%" maxlength="64" autocomplete="postal-code"/>
<textbox statustext="City" id="adr_one_locality" maxlength="64" width="60%" autocomplete="address-level2"/>
</hbox>
<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>
@ -143,10 +143,8 @@
</row>
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit.details" template="" lang="" group="0" version="1.9.002">
<details title="Details">
<grid width="100%">
<columns>
<column width = "120"/>
@ -177,10 +175,8 @@
</row>
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit.home" template="" lang="" group="0" version="1.9.001">
<details title="Private">
<grid width="100%">
<columns>
<column width = "120"/>
@ -276,10 +272,8 @@
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit.links" template="" lang="" group="0" version="1.9.001">
<details title="Links">
<grid width="100%">
<columns>
<column width = "120"/>
@ -287,6 +281,7 @@
</columns>
<rows>
<row disabled="@view">
<description/>
<link-to id="link_to"/>
</row>
<row>
@ -295,10 +290,8 @@
</row>
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit.distribution_list" template="" lang="" group="0" version="1.9.001">
<details title="Distribution list">
<grid width="100%">
<columns>
<column width = "120"/>
@ -312,10 +305,8 @@
</row>
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit.custom" template="" lang="" group="0" version="1.9.001">
<details title="Customfields">
<grid width="100%">
<columns>
<column width = "120"/>
@ -329,10 +320,8 @@
</row>
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit.custom_private" template="" lang="" group="0" version="1.9.001">
<details title="Private customfields">
<grid width="100%">
<columns>
<column width = "120"/>
@ -346,9 +335,7 @@
</row>
</rows>
</grid>
</details>
</template>
<template id="addressbook.edit" template="" lang="" group="0" version="1.9.004" class="addressbook_edit">
<template id="addressbook.editname"/>
<grid class="addressbook_edit" border="1" width="100%">
@ -415,25 +402,26 @@
<url id="url" class="et2_fullWidth" autocomplete="url" />
</row>
<row>
<tabbox id="tabs" span="all" width="100%" align_tabs="v">
<tabs>
<tab id="general" label="Organisation"/>
<tab id="home" label="Private" statustext="Home address, Birthday, ..."/>
<tab id="details" label="Details" statustext="Categories, Notes, ..."/>
<tab id="links" label="Links" statustext="Links"/>
<tab id="distribution_list" label="Distribution lists" statustext="Distribution lists, ..."/>
<tab id="custom" label="Extra" statustext="Custom fields"/>
<tab id="custom_private" label="Extra private" statustext="Private custom fields"/>
</tabs>
<tabpanels>
<template id="addressbook.edit.general"/>
</row>
<row>
<template id="addressbook.edit.home"/>
</row>
<row>
<template id="addressbook.edit.details"/>
</row>
<row>
<template id="addressbook.edit.links"/>
</row>
<row>
<template id="addressbook.edit.distribution_list"/>
</row>
<row>
<template id="addressbook.edit.custom"/>
</row>
<row>
<template id="addressbook.edit.custom_private"/>
</tabpanels>
</tabbox>
</row>
<row>
<details title="Ownership">

View File

@ -507,6 +507,14 @@ input.et2_radiobox {
text-align: center;
font-size: 12pt;
}
#addressbook-edit #addressbook-edit_adr_one_locality,
#addressbook-edit #addressbook-edit_adr_two_locality,
#addressbook-edit #addressbook-edit_room {
margin-left: 0;
}
#addressbook-edit a.et2_url.email {
display: none;
}
#addressbook-index table.egwGridView_outer tbody .addressbookCol3 div.avatar {
position: absolute;
}

View File

@ -407,6 +407,12 @@ div.addressbook_edit_general_picture img {
text-align: center;
.mob-fontsize-l;
}
#addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{
margin-left:0;
}
a.et2_url.email {
display: none;
}
}
#addressbook-index {

View File

@ -7349,6 +7349,7 @@ span.egw_tutorial_title {
font-size: 24pt;
color: white;
padding-left: 5px;
font-weight: bold;
}
.dialogHeadbar {
height: 50px;
@ -7540,6 +7541,7 @@ span.egw_tutorial_title {
top: 50px !important;
right: 0px;
left: auto !important;
background-color: white;
}
body div#egw_message {
bottom: 0px;
@ -7894,9 +7896,10 @@ span.egw_tutorial_title {
overflow: auto;
}
body .et2_details .et2_details_toggle:after {
width: 24px;
height: 24px;
width: 25px;
height: 25px;
font-size: 18pt;
text-align: center;
}
body input {
border: none;
@ -7930,7 +7933,7 @@ span.egw_tutorial_title {
display: inline-block;
background-color: #F0F0F0;
width: 100%;
padding-top: 12px;
padding-top: 6px;
}
body #popupMainDiv .et2_details {
position: relative;
@ -7939,11 +7942,11 @@ span.egw_tutorial_title {
body #popupMainDiv .et2_details .et2_details_toggle {
position: absolute;
right: 2px;
top: 4px;
top: 0px;
margin: 0px;
}
body #popupMainDiv .et2_details .et2_details_title {
padding-top: 12px;
padding-top: 6px;
margin-top: 0;
}
body .rowHeader {
@ -7991,4 +7994,31 @@ span.egw_tutorial_title {
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more span {
display: none;
}
body .et2_tabbox.vertical .et2_tabflag {
border: none;
}
body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle {
background-color: #f0f0f0;
}
body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before {
padding: 0;
width: 30px;
height: 30px;
text-align: center;
font-size: 18pt;
}
body .et2_link_to div {
height: 40px;
padding-bottom: 3px;
width: 99% !important;
}
body .et2_link_to .et2_file {
margin: 0;
padding: 0;
}
body .et2_link_to .et2_file .et2_file_span,
body .et2_link_to .et2_file .et2_file_spanHover,
body .et2_link_to .et2_file .et2_file_upload {
height: 25px !important;
}
}

View File

@ -830,6 +830,7 @@
font-size: 24pt;
color: white;
padding-left: 5px;
font-weight: bold;
}
background-image: none;
}
@ -1091,6 +1092,7 @@
top:50px !important;
right:0px;
left:auto !important;
background-color: white;
}
div#egw_message {
bottom: 0px;
@ -1475,9 +1477,10 @@
.et2_details {
.et2_details_toggle {
&:after{
width:24px;
height: 24px;
width:25px;
height: 25px;
font-size: 18pt;
text-align: center;
}
}
}
@ -1507,7 +1510,7 @@
display: inline-block;
background-color: #F0F0F0;
width:100%;
padding-top: 12px;
padding-top: 6px;
}
.et2_details_toggle {
@ -1519,11 +1522,11 @@
.et2_details_toggle {
position: absolute;
right: 2px;
top:4px;
top:0px;
margin: 0px;
}
.et2_details_title {
padding-top: 12px;
padding-top: 6px;
margin-top:0;
}
}
@ -1589,5 +1592,39 @@
}
}
}
//###########################################
//# #
//# et2_tabbox styles #
//# #
//###########################################
.et2_tabbox.vertical {
.et2_tabflag {
border:none;
div.et2_tabtitle {
background-color: #f0f0f0;
&:before {
padding: 0;
width:30px;
height:30px;
text-align: center;
font-size: 18pt;
}
}
}
}
.et2_link_to {
div {
height:40px;
padding-bottom: 3px;
width: 99% !important;
}
.et2_file {
margin: 0;
padding:0;
.et2_file_span, .et2_file_spanHover, .et2_file_upload {
height:25px !important;
}
}
}
}
}