extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-09 23:11:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

pixelegg changes from last days

Browse Source
This commit is contained in:
Ralf Becker 2013-12-12 03:46:53 +00:00
parent fef5bb4972
commit 4f7976cdff
4 changed files with 270 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
addressbook/templates/default/app.css
View File

@ -93,3 +93,10 @@ fieldset.emailGroup {
.image16 img { .image16 img {
height: 16px; height: 16px;
} }
/* changes from pixelegg 11/12/13 - upload foto in right column */
#addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right {
widtH: 20%;
vertical-align: top;
text-align: center;
}

24
addressbook/templates/default/edit.xet
View File

@ -58,11 +58,15 @@
<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">
<!-- <image src="accounts"/> --> <!-- <image src="accounts"/> -->
<vbox class="addressbook_edit_general_picture">
<image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;" class="photo"/>
<template id="addressbook.edit.upload"/>
</vbox>
<grid class="addressbook_edit_general"> <grid class="addressbook_edit_general">
<columns>
<column width="80%" class="addressbook_edit_general_left"/>
<column width="20%" class="addressbook_edit_general_right"/>
</columns>
<rows>
<row>
<grid width="auto">
<columns> <columns>
<column/> <column/>
<column/> <column/>
@ -73,12 +77,14 @@
<row> <row>
<description value="Name"/> <description value="Name"/>
<textbox id="n_fn" no_lang="1" 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();" rows="1" size="36" span="3" tabindex="-1" class="cursorHand"/> <textbox id="n_fn" no_lang="1" 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();" rows="1" size="36" span="3" tabindex="-1" class="cursorHand"/>
</row> </row>
<row> <row>
<description/> <description/>
<template id="addressbook.edit.name"/> <template id="addressbook.edit.name"/>
</row> </row>
<row> <row>
<description for="title" value="Title"/> <description for="title" value="Title"/>
<textbox id="title" size="36" maxlength="64" span="2"/> <textbox id="title" size="36" maxlength="64" span="2"/>
@ -159,6 +165,14 @@
</menulist> </menulist>
</row> </row>
</rows> </rows>
</grid>
<hbox class="addressbook_edit_general_picture">
<image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;" class="photo"/>
<template id="addressbook.edit.upload"/>
</hbox>
</row>
</rows>
</grid> </grid>
</template> </template>
@ -238,7 +252,7 @@
<textbox id="adr_two_countryname" class="custom_country"/> <textbox id="adr_two_countryname" class="custom_country"/>
</hbox> </hbox>
</row> </row>
<row height="30"> <row height="30" class="add_bday_timezone">
<image src="gear"/> <image src="gear"/>
<description for="bday" value="Birthday"/> <description for="bday" value="Birthday"/>
<hbox options="0,0"> <hbox options="0,0">

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

@ -144,23 +144,22 @@ fieldset.emailGroup {
/* ############################################################################# /* #############################################################################
// iframe // iframe
// Rahmen + padding**/ // Rahmen + padding**/
/*############################################ /*################## iframe ####################*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # Addressbook #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# ############################### #*/
# # iframge # /*# # #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # infolog #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # #*/
############################################## /*##############################################*/
*/
/** /**
* Give space to both contact view & infolog list * Give space to both contact view & infolog list
*/ */
@ -171,9 +170,6 @@ fieldset.emailGroup {
height: auto; height: auto;
min-height: 390px; min-height: 390px;
} }
.et2_container[id^="infolog-index-addressbook"] {
min-height: 250px;
}
div#addressbook-index div.et2_hbox_left { div#addressbook-index div.et2_hbox_left {
padding: 1em; padding: 1em;
} }
@ -327,8 +323,60 @@ div#addressbook-index div.filters select#infolog-index_filter2 {
div#addressbook-index table.egwGridView_outer { div#addressbook-index table.egwGridView_outer {
width: 99%; width: 99%;
} }
.et2_container { /*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
height: auto; height: auto;
min-height: 250px;
/*ADD*/
/* div.et2_hbox,
div.et2_box_widget*/
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] {
background-color: #0b5fa4 !important;
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
height: auto;
color: #ffffff;
font-size: 0.9em;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before {
content: "+";
font-size: 1.5em;
color: #ffc200;
line-height: 1.1em;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before {
padding-left: 5px;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] span.et2_label {
color: #ffffff;
font-size: 0.9em;
padding-right: 11px;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] img.et2_button {
margin-top: -15px;
} }
/*########################################### /*###########################################
# # # #
@ -349,9 +397,14 @@ div#addressbook-index table.egwGridView_outer {
# # # #
##############################################*/ ##############################################*/
#addressbook-edit_addressbook-edit-general table.addressbook_edit_general { #addressbook-edit_addressbook-edit-general table.addressbook_edit_general {
width: 80%; width: 100%;
height: 286px; height: 286px;
} }
#addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right {
widtH: 20%;
vertical-align: top;
text-align: center;
}
/*#######################################################*/ /*#######################################################*/
/*#######################################################*/ /*#######################################################*/
/*#######################################################*/ /*#######################################################*/
@ -363,80 +416,45 @@ div#addressbook-index table.egwGridView_outer {
# Address # # # Address # #
# # Email # # # Email #
# # # # # #
# left # right #
################################ */ ################################ */
td.addressbook_edit_left_td { td.addressbook_edit_left_td {
min-width: 500px; min-width: 500px;
max-width: 100%; max-width: 100%;
} width: 70%;
td.addressbook_edit_left_td .et2_tabs .et2_tabcntr {
min-width: 500px;
max-width: 100%;
} }
td.addressbook_edit_right_td { td.addressbook_edit_right_td {
min-width: 300px; min-width: 300px;
max-width: 100%; max-width: 100%;
width: 30%;
} }
/*ADD AREA*/ .egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
#infolog-index_infolog-index-header_right .et2_box_widget { max-height: 25em;
background-color: #0b5fa4 !important;
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
height: auto;
color: #ffffff;
font-size: 0.9em;
} }
#infolog-index_infolog-index-header_right .et2_box_widget:before { /* popup window */
content: "+"; #popupMainDiv #addressbook-edit .et2_tabs {
font-size: 1.5em; height: 400px;
color: #ffc200;
line-height: 1.1em;
} }
#infolog-index_infolog-index-header_right .et2_box_widget:hover { /*############ tabbox##############################################*/
background-color: #66a1d2 !important; /*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
color: #ffc200; /*#################################################################*/
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); /*# #*/
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); /*# #*/
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); /*# #*/
-webkit-border-radius: 3px; /*# et2_tabs #*/
-webkit-border-top-left-radius: 20px; /*# #*/
-moz-border-radius: 3px; /*# #*/
-moz-border-radius-topleft: 20px; /*#################################################################*/
border-radius: 3px; /*#addressbook-edit .et2_tabbox {
border-top-left-radius: 20px;
}
#infolog-index_infolog-index-header_right .et2_box_widget span.et2_label {
color: #ffffff;
font-size: 0.9em;
padding-right: 11px;
}
#infolog-index_infolog-index-header_right .et2_box_widget img.et2_button {
margin-top: -15px;
}
/*#######################################################*/
/*#######################################################*/
/*#######################################################*/
/* State: address edit min*/
#addressbook-edit .et2_tabbox {
max-width: 100%; max-width: 100%;
min-width: 530px; min-width: 530px;
} width: 550px
#addressbook-edit .et2_tabs { }*/
height: 380px;
min-width: 530px;
}
table.et2_grid .addressbook_edit_general {
width: 80% !important;
}
/*#######################################################*/ /*#######################################################*/
/* Tab Generell */ /* Tab Generell */
.leftPad5 {
padding-left: 0px;
}
/*################## /*##################
# # # #
# # # #
@ -446,14 +464,12 @@ table.et2_grid .addressbook_edit_general {
##################*/ ##################*/
/*Div Image*/ /*Div Image*/
div.addressbook_edit_general_picture { div.addressbook_edit_general_picture {
float: right;
/*Picture*/ /*Picture*/
} }
div.addressbook_edit_general_picture img { div.addressbook_edit_general_picture img {
width: 180% !important; width: 180% !important;
max-width: 100px !important; max-width: 100px !important;
height: auto !important; height: auto !important;
margin-right: 70px;
} }
div.addressbook_edit_general_picture img.photo { div.addressbook_edit_general_picture img.photo {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
@ -685,13 +701,23 @@ div#addressbook-edit_addressbook-edit-cats {
display: table-header-group; display: table-header-group;
vertical-align: top; vertical-align: top;
} }
#addressbook-edit_addressbook-edit-home {
/*Birthday + Timezone*/
/*row*/
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn { #addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn {
width: 200px !important; width: 200px !important;
padding-top: 1em; padding-top: 0em;
} }
#addressbook-edit_addressbook-edit-home #addressbook_edit_tz_chzn { #addressbook-edit_addressbook-edit-home .add_bday_timezone {
/*Birthday Label*/
}
#addressbook-edit_addressbook-edit-home .add_bday_timezone #addressbook_edit_tz_chzn {
width: 15% !important; width: 15% !important;
padding-top: 1em; padding-top: 0em;
}
#addressbook-edit_addressbook-edit-home .add_bday_timezone label.et2_label {
padding-left: 1em;
} }
/*################## Tab 4 Details ###############################*/ /*################## Tab 4 Details ###############################*/
/*################## Tab 5 Verknüpfungen ###############################*/ /*################## Tab 5 Verknüpfungen ###############################*/
@ -799,9 +825,6 @@ div.addressbook.edit.general table img:nth-child(2) {
color: red; color: red;
font-style: italic; font-style: italic;
} }
.leftPad5 {
padding-left: 5px;
}
.bold { .bold {
font-weight: bold; font-weight: bold;
} }

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

@ -17,26 +17,30 @@
// iframe // iframe
// Rahmen + padding**/ // Rahmen + padding**/
/*############################################ /*################## iframe ####################*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # Addressbook #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# ############################### #*/
# # iframge # /*# # #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # infolog #*/
# # # /*# # #*/
# # # /*# # #*/
# # # /*# # #*/
############################################## /*##############################################*/
*/
/** /**
* Give space to both contact view & infolog list * Give space to both contact view & infolog list
*/ */
#addressbook-index { #addressbook-index {
height: 100%; height: 100%;
} }
@ -47,15 +51,6 @@
.et2_container[id^="infolog-index-addressbook"] {
min-height: 250px;
}
div#addressbook-index{ div#addressbook-index{
// min-height: 700px; // min-height: 700px;
// height: auto !important; // height: auto !important;
@ -171,7 +166,35 @@ div#addressbook-index{
} // iframe } // iframe
.et2_container {height: auto;}
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
height: auto;
min-height: 250px;
/*ADD*/
/* div.et2_hbox,
div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"]{
.Complete_Button_add;
height: auto;
.color-0-gray; // white
font-size: 0.9em;
&:before {padding-left: 5px;}
&:hover {.Complete_Button_add_hover;}
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;}
}
}
//****************************************************************** //******************************************************************
@ -226,13 +249,21 @@ div#addressbook-index{
table.addressbook_edit_general { table.addressbook_edit_general {
width:80%; width:100%;
height:286px; height:286px;
td.addressbook_edit_general_right {
widtH: 20%;
vertical-align: top;
text-align: center;
} }
} }
}
/*#######################################################*/ /*#######################################################*/
@ -247,64 +278,63 @@ div#addressbook-index{
# Address # # # Address # #
# # Email # # # Email #
# # # # # #
# left # right #
################################ */ ################################ */
td.addressbook_edit_left_td { td.addressbook_edit_left_td {
min-width: 500px; min-width: 500px;
max-width: 100%; max-width: 100%;
width: 70%;
}
.et2_tabs { td.addressbook_edit_right_td {
min-width: 300px;
.et2_tabcntr {
min-width: 500px;
max-width: 100%; max-width: 100%;
} width: 30%;
}
}
td.addressbook_edit_right_td {min-width: 300px; max-width: 100%;}
/*ADD AREA*/
#infolog-index_infolog-index-header_right{
.et2_box_widget{
.Complete_Button_add;
height: auto;
.color-0-gray; // white
font-size: 0.9em;
&:hover {.Complete_Button_add_hover;}
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;}
}
} }
/*#######################################################*/ .egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
/*#######################################################*/ max-height: 25em;
/*#######################################################*/ }
/* State: address edit min*/
/* popup window */
#popupMainDiv #addressbook-edit .et2_tabs {
height: 400px;
}
#addressbook-edit .et2_tabbox {max-width: 100%; min-width: 530px;} /*############ tabbox##############################################*/
/*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
/*#################################################################*/
/*# #*/
/*# #*/
/*# #*/
/*# et2_tabs #*/
/*# #*/
/*# #*/
/*#################################################################*/
#addressbook-edit .et2_tabs {height: 380px; min-width: 530px;} /*#addressbook-edit .et2_tabbox {
max-width: 100%;
min-width: 530px;
width: 550px
}*/
table.et2_grid .addressbook_edit_general {width: 80% !important;}
//table.et2_grid .addressbook_edit_general {width: 80% !important;}
/*#######################################################*/ /*#######################################################*/
/* Tab Generell */ /* Tab Generell */
.leftPad5 {
padding-left: 0px;
}
/*################## /*##################
# # # #
@ -315,13 +345,17 @@ table.et2_grid .addressbook_edit_general {width: 80% !important;}
##################*/ ##################*/
/*Div Image*/ /*Div Image*/
div.addressbook_edit_general_picture { div.addressbook_edit_general_picture {
float: right; // float: right;
// width: 180% !important;
// max-width: 100px !important;
// height: auto !important;
// margin-right: 10px;
img {width: 180% !important; img {
width: 180% !important;
max-width: 100px !important; max-width: 100px !important;
height: auto !important; height: auto !important;
margin-right: 70px;
} }
/*Picture*/ /*Picture*/
@ -548,15 +582,28 @@ div#addressbook-edit_addressbook-edit-cats {overflow: scroll;}
#addressbook_edit_adr_two_countrycode_chzn{ #addressbook_edit_adr_two_countrycode_chzn{
width: 200px !important; width: 200px !important;
// background-color: red !important; // background-color: red !important;
padding-top: 1em; padding-top: 0em;
} }
/*Birthday + Timezone*/
/*row*/
.add_bday_timezone {
// Timezone // Timezone
#addressbook_edit_tz_chzn{ #addressbook_edit_tz_chzn{
width: 15% !important; width: 15% !important;
padding-top: 1em; padding-top: 0em;
} }
/*Birthday Label*/
label.et2_label {padding-left: 1em;}
}
} }
/*################## Tab 4 Details ###############################*/ /*################## Tab 4 Details ###############################*/
@ -723,13 +770,6 @@ div.addressbook.edit.general{
} }
.leftPad5 {
padding-left: 5px;
}
.bold { .bold {
font-weight: bold; font-weight: bold;
} }
@ -816,4 +856,4 @@ table.uploadphoto {width: 360px !important; background-color: @gray-20 !importan
// Ende Addressbuch // Ende Addressbuch