holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some basic fixes to get new CRM view usable with pixelegg template

Browse Source
This commit is contained in:
Ralf Becker 2014-03-07 09:22:35 +00:00
parent 83b20c2019
commit 22b96163a4
2 changed files with 139 additions and 181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,142 +12,96 @@
* @version $Id$ * @version $Id$
*/ */
/** /**
* Give space to both contact view & infolog list * CRM view with contact data in sidebox
*/ */
#addressbook-index { .addressbook_sidebox_name {
height: 100%; font-weight: bold;
} }
#addressbook-edit { .addressbook_sidebox_name,
height: 390px; .addressbook_sidebox_org {
min-height: 390px; font-size: 130%;
padding: 2px 0 2px 0;
} }
.et2_container[id^="infolog-index-addressbook"] { td.addressbook_sidebox_header {
min-height: 250px; font-weight: bold;
height: 20px;
vertical-align: bottom;
} }
/* Give enough (static) width to edit dialog tabs, or it will auto-size and flex */ div#addressbook-view.et2_container {
#addressbook-edit .et2_tabbox { height: 0;
min-width: 535px;
} }
.cursorHand { td.addressbook_sidebox_toolbar {
cursor: hand; vertical-align: bottom;
height: 32px;
} }
.countrySelect select { div#divGenTime_addressbook {
width: 150px;
}
.custom_country input {
display: none; display: none;
} }
.contactid:before { /**
content: "#"; * new addressbook.edit
*/
div#addressbook-edit.et2_container {
width: 842px;
} }
.emailCol div { div.addressbook_edit_general_picture {
width: 100%; position: relative;
} }
.fixedHeight, div.addressbook_edit_general_picture img {
.telNumbers { position: absolute;
height: 12px; width: auto;
overflow: hidden; max-width: 80px;
text-overflow: ellipsis; height: 105px;
} left: 2px;
.telNumbers {
white-space: nowrap;
}
.leftPad5 {
padding-left: 5px;
}
.bold {
font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
width: 100%;
font-weight: bold;
}
.photo img,
.iphoto img {
width: 60px;
}
.photo img {
cursor: hand;
} }
.uploadphoto { .uploadphoto {
position: absolute; position: absolute;
top: 168px; top: 70px;
left: 48px; left: 0;
display: none; display: none;
border: 2px solid black; border: 2px solid black;
background-color: #ffffff; background-color: #ffffff;
padding: 4px; padding: 4px;
} z-index: 1;
.checkAllArrow {
padding-right: 5px;
} }
.typeIcon { .typeIcon {
height: 16px; height: 16px;
width: 16px; width: 16px;
} }
.editphones,
.editname { .editname {
position: absolute; position: absolute;
top: 10%;
left: 30%;
display: none; display: none;
border: 2px solid black; border: 2px solid black;
background-color: #ffffff; background-color: #ffffff;
padding: 4px; padding: 4px;
top: 55px;
left: 102px;
z-index: 1;
} }
.editname { .custom_country {
top: 97px; display: none;
left: 173px;
} }
.windowheader { tr.dialogHeader td,
background-image: url(../../../phpgwapi/templates/idots/images/appbox-header-background.png); tr.dialogHeader2 td,
background-repeat: repeat-x; tr.dialogHeader3 td,
height: 20px; tr.dialogHeader4 td,
border-spacing: 0px; tr.dialogOperators td,
border-collapse: collapse; .dialogFooterToolbar {
border-bottom: #9c9c9c 1px solid; padding: 5px 0 5px 0;
vertical-align: middle;
} }
fieldset.phoneGroup { input.et2_radiobox {
margin-top: 12px; position: relative;
font-size: 110%; left: -16px;
height: 140px;
border: solid black 2px;
margin-bottom: 0px;
} }
.phoneGroup table { #addressbook-edit_tel_prefer-tel_work,
height: 122px; #addressbook-edit_tel_prefer-tel_cell {
left: -13px;
} }
fieldset.emailGroup { /**
margin-top: 10px; * Index page
font-size: 110%; */
height: 112px; img.iphoto {
border: solid black 2px; width: 100%;
margin-bottom: 0px;
}
.emailGroup table {
height: 87px;
}
.space {
width: 80px;
}
.noWrap {
white-space: nowrap;
}
.customfields td {
white-space: nowrap;
line-height: 12px;
}
.image16 img {
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;
} }
@media all { @media all {
/* ############################################################################# /* #############################################################################
@ -196,6 +150,7 @@ fieldset.emailGroup {
cursor: pointer; cursor: pointer;
height: 24px; height: 24px;
margin-top: 0; margin-top: 0;
margin-left: 2px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
@ -389,7 +344,7 @@ fieldset.emailGroup {
/*Infolog*/ /*Infolog*/
.et2_container[id^="infolog-index-addressbook"] { .et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/ /*height: auto;*/
padding: 1em; /*padding: 1em;*/
/*min-height: 250px;*/ /*min-height: 250px;*/
/*ADD Button */ /*ADD Button */
/* div.et2_hbox, /* div.et2_hbox,
@ -496,7 +451,7 @@ fieldset.emailGroup {
} }
/*########################################### /*###########################################
# # # #
# dialog-header # # dialogHeader #
############################################# #############################################
# # # #
# # # #
@ -517,11 +472,11 @@ fieldset.emailGroup {
height: 286px; height: 286px;
} }
#addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right { #addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right {
widtH: 20%; width: 20%;
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
} }
#addressbook-edit tr.dialog-footer-toolbar label.et2_label { #addressbook-edit tr.dialogFooterToolbar label.et2_label {
top: 0px !important; top: 0px !important;
} }
button[id="addressbook-edit_button[delete]"] { button[id="addressbook-edit_button[delete]"] {
@ -1211,10 +1166,12 @@ fieldset.emailGroup {
font-weight: bold; font-weight: bold;
width: 100%; width: 100%;
} }
.photo img,
.iphoto img { .iphoto img {
width: 60px; width: 60px;
} }
.photo img {
height: auto;
}
.uploadphoto { .uploadphoto {
background-color: #cdcdcd; background-color: #cdcdcd;
border: 1px solid black !important; border: 1px solid black !important;

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

@ -91,7 +91,7 @@ div#addressbook-index{
// ########################### // ###########################
div.et2_hbox_right { div.et2_hbox_right {
padding: 0px 11px 0px 0px; padding: 0px 11px 0px 0px;
width: auto; width: auto;
margin-right: 0em; margin-right: 0em;
margin-top: -5px; margin-top: -5px;
@ -124,16 +124,16 @@ div#addressbook-index{
// hinzufügen // hinzufügen
button#addressbook-index_add{ button#addressbook-index_add{
.Complete_Button_add_only_plus; .Complete_Button_add_only_plus;
.dimension_height_m; .dimension_height_m;
margin-right: 0px; margin-right: 0px;
&:hover {.Complete_Button_add_only_plus_hover;} &:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
@ -193,37 +193,37 @@ div#addressbook-index{
.et2_container[id^="infolog-index-addressbook"] { .et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/ /*height: auto;*/
padding: 1em; /*padding: 1em;*/
/*min-height: 250px;*/ /*min-height: 250px;*/
/*ADD Button */ /*ADD Button */
/* div.et2_hbox, /* div.et2_hbox,
div.et2_box_widget*/ div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"]{ .et2_hbox_right[id*="_infolog-index-header_right"]{
div.et2_box_widget{ div.et2_box_widget{
/*border: 1px solid rgba(0, 0, 0, 0.15);*/ /*border: 1px solid rgba(0, 0, 0, 0.15);*/
/*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/ /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none; text-shadow: none;
.dimension_height_l; .dimension_height_l;
margin-top: 5px; margin-top: 5px;
background-image: none !important; background-image: none !important;
transition: all 0.5s linear; transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; /* Safari */ -webkit-transition: all 0.5s linear; /* Safari */
&:before { &:before {
content: "+"; content: "+";
font-size: 2em; font-size: 2em;
color: @egw_color_1; color: @egw_color_1;
line-height: 0.5em; line-height: 0.5em;
} }
/*Text ""hinzufügen" "*/ /*Text ""hinzufügen" "*/
span {display: none;} span {display: none;}
// IMG // IMG
img { img {
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
@ -231,38 +231,38 @@ div#addressbook-index{
margin-left: 0.5em; margin-left: 0.5em;
padding: 0px; padding: 0px;
margin-top: 0px; margin-top: 0px;
vertical-align: middle; vertical-align: middle;
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/ /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
&:hover{.Complete_Button_Icon_hover ;} &:hover{.Complete_Button_Icon_hover ;}
&:active { .Complete_Button_Icon_active ;} &:active { .Complete_Button_Icon_active ;}
} }
img:last-child {margin-right: 5px;}; img:last-child {margin-right: 5px;};
/*MouseOver*/ /*MouseOver*/
&:hover { &:hover {
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
background-color: @egw_color_2_a !important; background-color: @egw_color_2_a !important;
.border_radius_button_lefttop; .border_radius_button_lefttop;
.dimension_height_l; .dimension_height_l;
&:before {content: ""; font-size: 1em;padding-left: 5px;} &:before {content: ""; font-size: 1em;padding-left: 5px;}
/*Text*/ /*Text*/
span {visibility: hidden; display: none;}; span {visibility: hidden; display: none;};
img {.scale; margin: 0.5em; background: @gray_0;} img {.scale; margin: 0.5em; background: @gray_0;}
} }
} }
} }
// Scrollarea in Infolog // Scrollarea in Infolog
.egwGridView_scrollarea{ .egwGridView_scrollarea{
overflow-y: scroll !important; overflow-y: scroll !important;
overflow-x: hidden !important; overflow-x: hidden !important;
} }
@ -325,7 +325,7 @@ div#addressbook-index{
width:100%; width:100%;
height:286px; height:286px;
td.addressbook_edit_general_right { td.addressbook_edit_general_right {
widtH: 20%; width: 20%;
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
@ -342,7 +342,7 @@ div#addressbook-index{
button[id="addressbook-edit_button[delete]"]{ button[id="addressbook-edit_button[delete]"]{
/*position: absolute;*/ /*position: absolute;*/
right: 0.5em; right: 0.5em;
} }
@ -445,7 +445,7 @@ div.addressbook_edit_general_picture {
.bordered(@gray_100, @gray_100, @gray_100, @gray_100); .bordered(@gray_100, @gray_100, @gray_100, @gray_100);
left: 30%; left: 30%;
top: 289px; top: 289px;
} }
@ -562,10 +562,10 @@ div#addressbook-search{
table.et2_grid { table.et2_grid {
margin-left: -7px; margin-left: -7px;
tr:nth-child(even) {background: @color_even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;} tr:nth-child(odd) {background: @color_odd;}
td {padding: 3px 0px;} td {padding: 3px 0px;}
} }
table.et2_grid td.telNumbers{ table.et2_grid td.telNumbers{
width: 155px; width: 155px;
input { width: 140px !important; } input { width: 140px !important; }
@ -602,7 +602,7 @@ div#addressbook-search{
table.et2_grid { table.et2_grid {
margin-left: -7px; margin-left: -7px;
tr:nth-child(even) {background: @color_even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;} tr:nth-child(odd) {background: @color_odd;}
td {padding: 3px 0px;} td {padding: 3px 0px;}
} }
@ -649,41 +649,41 @@ div#addressbook-search{
// background-color: red !important; // background-color: red !important;
padding-top: 1em; padding-top: 1em;
} }
td.addressbook_edit_general_left { td.addressbook_edit_general_left {
// table Addressfield // table Addressfield
table.et2_grid{ table.et2_grid{
margin-left: 2px; margin-left: 2px;
/* tr:nth-child(even) {background: @color-even;} /* tr:nth-child(even) {background: @color-even;}
tr:nth-child(odd) {background: @color-odd;} */ tr:nth-child(odd) {background: @color-odd;} */
td {padding: 5px 0px 5px 3px;} td {padding: 5px 0px 5px 3px;}
// Edit Name // Edit Name
div#addressbook-edit_addressbook-edit-name{ div#addressbook-edit_addressbook-edit-name{
table.et2_grid{ table.et2_grid{
background-color: @gray_30; background-color: @gray_30;
.bordered (@gray_30,@gray_30,@gray_30,@gray_30); .bordered (@gray_30,@gray_30,@gray_30,@gray_30);
.rounded (5px); .rounded (5px);
margin-left: 2px; margin-left: 2px;
border-top: 1px solid @gray_30 !important; border-top: 1px solid @gray_30 !important;
/*tr:nth-child(even) {background: @color_even;}*/ /*tr:nth-child(even) {background: @color_even;}*/
/*tr:nth-child(odd) {background: @color_odd;}*/ /*tr:nth-child(odd) {background: @color_odd;}*/
td {padding: 5px 0px 5px 3px;} td {padding: 5px 0px 5px 3px;}
} }
} }
} }
} }
} }
@ -747,19 +747,19 @@ div#addressbook-edit_addressbook-edit-cats {overflow: scroll;}
/*################## Tab 4 Details ###############################*/ /*################## Tab 4 Details ###############################*/
#addressbook-edit_addressbook-edit-details { #addressbook-edit_addressbook-edit-details {
table.et2_grid{ table.et2_grid{
margin-left: 2px; margin-left: 2px;
border-top: 1px solid @gray_30 !important; border-top: 1px solid @gray_30 !important;
/*tr:nth-child(even) {background: @color_even;}*/ /*tr:nth-child(even) {background: @color_even;}*/
/*tr:nth-child(odd) {background: @color_odd;}*/ /*tr:nth-child(odd) {background: @color_odd;}*/
td {padding: 5px 0px 5px 3px;} td {padding: 5px 0px 5px 3px;}
} }
// Kategorie List // Kategorie List
.et2_selectbox .ui-multiselect-checkboxes li {text-indent: -17px;} .et2_selectbox .ui-multiselect-checkboxes li {text-indent: -17px;}
} }
/*################## Tab 5 Verknüpfungen ###############################*/ /*################## Tab 5 Verknüpfungen ###############################*/
@ -791,22 +791,22 @@ div#addressbook-edit_addressbook-edit-links {
/*neue verknüpfung erstellen - div*/ /*neue verknüpfung erstellen - div*/
div#addressbook-edit_link_to { div#addressbook-edit_link_to {
width: 550px; width: 550px;
// Comment // Comment
input {width: 86%;} input {width: 86%;}
// Button // Button
button { button {
.Complete_Button_normal; .Complete_Button_normal;
height: 3.1ex; height: 3.1ex;
background-color: @gray_10; background-color: @gray_10;
background-image[src$="svg"]{.gradient_vertical (@gray_30, @gray_30);} background-image[src$="svg"]{.gradient_vertical (@gray_30, @gray_30);}
&:hover{ &:hover{
/*background-color: @gray_30;*/ /*background-color: @gray_30;*/
text-shadow: 0px 0px; text-shadow: 0px 0px;
color: @gray_0; color: @gray_0;
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
@ -815,28 +815,28 @@ div#addressbook-edit_addressbook-edit-links {
} }
&:active {.box_shadow_standard_light_active !important;} &:active {.box_shadow_standard_light_active !important;}
} }
div#addressbook-edit_link_to_link_entry{ div#addressbook-edit_link_to_link_entry{
margin-top: 11px; margin-top: 11px;
width: 100%; width: 100%;
// APP Selector // APP Selector
/*div.et2_link_entry {*/ /*div.et2_link_entry {*/
select {width: 39%;} select {width: 39%;}
// Input Field // Input Field
input.ui-autocomplete-input { input.ui-autocomplete-input {
width: 56%; width: 56%;
padding-bottom: 1px; padding-bottom: 1px;
} }
/*}*/ /*}*/
} }
// 2. Icon // 2. Icon
@ -885,18 +885,18 @@ div#addressbook-edit_addressbook-edit-links {
// Extra // Extra
#addressbook-edit_addressbook-edit-custom, #addressbook-edit_addressbook-edit-custom,
#addressbook-search_addressbook-edit-custom{ #addressbook-search_addressbook-edit-custom{
max-width: 560px; max-width: 560px;
.th{ height: 20px;} .th{ height: 20px;}
tbody{ tbody{
display: table-header-group; display: table-header-group;
vertical-align: top; vertical-align: top;
} }
// Table Customfields // Table Customfields
table#addressbook-edit_custom_fields{max-width: 550px;} table#addressbook-edit_custom_fields{max-width: 550px;}
} }
/*################## Tab 8 Extra Privat###############################*/ /*################## Tab 8 Extra Privat###############################*/
/*seems to be ok*/ /*seems to be ok*/
@ -1021,10 +1021,11 @@ div.addressbook.edit.general{
font-weight: bold; font-weight: bold;
width: 100%; width: 100%;
} }
.photo img, .iphoto img { .iphoto img {
width: 60px; width: 60px;
} }
.photo img { .photo img {
height: auto;
} }
// Dialog Upload photo // Dialog Upload photo