mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-27 00:58:55 +01:00
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
parent
beacb4fc01
commit
c3f12efd2e
@ -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">
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user