extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@ -507,6 +507,14 @@ input.et2_radiobox {
text-align: center; text-align: center;
font-size: 12pt; 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 { #addressbook-index table.egwGridView_outer tbody .addressbookCol3 div.avatar {
position: absolute; position: absolute;
} }

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

@ -407,6 +407,12 @@ div.addressbook_edit_general_picture img {
text-align: center; text-align: center;
.mob-fontsize-l; .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 { #addressbook-index {

40
pixelegg/css/mobile.css
View File

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

47
pixelegg/css/mobile.less
View File

@ -830,6 +830,7 @@
font-size: 24pt; font-size: 24pt;
color: white; color: white;
padding-left: 5px; padding-left: 5px;
font-weight: bold;
} }
background-image: none; background-image: none;
} }
@ -1091,6 +1092,7 @@
top:50px !important; top:50px !important;
right:0px; right:0px;
left:auto !important; left:auto !important;
background-color: white;
} }
div#egw_message { div#egw_message {
bottom: 0px; bottom: 0px;
@ -1475,9 +1477,10 @@
.et2_details { .et2_details {
.et2_details_toggle { .et2_details_toggle {
&:after{ &:after{
width:24px; width:25px;
height: 24px; height: 25px;
font-size: 18pt; font-size: 18pt;
text-align: center;
} }
} }
} }
@ -1507,7 +1510,7 @@
display: inline-block; display: inline-block;
background-color: #F0F0F0; background-color: #F0F0F0;
width:100%; width:100%;
padding-top: 12px; padding-top: 6px;
} }
.et2_details_toggle { .et2_details_toggle {
@ -1519,11 +1522,11 @@
.et2_details_toggle { .et2_details_toggle {
position: absolute; position: absolute;
right: 2px; right: 2px;
top:4px; top:0px;
margin: 0px; margin: 0px;
} }
.et2_details_title { .et2_details_title {
padding-top: 12px; padding-top: 6px;
margin-top:0; 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;
}
}
}
} }
} }