egroupware_official/addressbook/templates/pixelegg/app.less
Hadi Nategh 8437a9862a Mobile theme W.I.P.:
- Fix emails with dash not getting ellipsis in AB
2015-12-22 14:16:34 +00:00

466 lines
11 KiB
Plaintext
Executable File

/**
* EGroupware: CSS with less preprocessor
* ADDRESSBOOK
*
* Please do NOT change app.css directly, instead change app.less and compile it!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package addressbook
* @version $Id$
*/
@import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/less/def_mobile.less";
@import (less) "../default/app.css";
@media all {
/* #############################################################################
// Rahmen + padding**/
/*##############################################*/
/*# # #*/
/*# Bild # #*/
/*# # Infolog #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*# Sidebar # #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*##############################################*/
// Image + Data
div#addressbook_view_sidebox{
//img
img.photo {
width: 68px;
padding-right: 3px;
height: auto;
vertical-align: top;
margin-right: 5px;
}
// name
#addressbook-view_n_fn{
.fontsize_xl;
font-weight: bold;
padding: 2px 0 2px 0;
width: 85%;
}
// org
#addressbook-view_org_name {
.fontsize_xl;
padding: 2px 0 2px 0;
width: 85%;
}
// Unit
#addressbook-view_org_unit {
.fontsize_m;
padding: 2px 0 2px 0;
}
// Ort
#addressbook-view_adr_one_locality{
.fontsize_m;
padding: 2px 0 2px 0;
}
}
/**
* Give space to both contact view & infolog list
*/
#addressbook-index {
/*height: 99%;*/
}
#addressbook-edit {
height: auto;
min-height: 390px;
overflow: auto;
}
#addressbook-index{
// min-height: 700px;
// height: auto !important;
// ###########################
// linke Box
// ##########################
div.et2_hbox_left{
padding: 0px 17px 0 13px;
// Org View
select#addressbook-index_org_view{
.Complete_Button_select;
.dimension_height_m;
margin-top: 0;
margin-left: 2px;
.box_shadow_none;
&:hover{
.Complete_Button_select_hover;
}
}
} // linke Box
// ###########################
// rechte Box
// ###########################
// filter
div.header_row_right div[id$=favorite_wrapper] {margin-top: 0px; top: 6px;}
div.et2_hbox_right {
padding: 0px 11px 0px 0px;
width: auto;
margin-right: 0em;
margin-top: -5px;
// Typ
select.et2_selectbox{
.Complete_Button_select;
.dimension_height_m;
margin-left: 5px;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
// hinzufügen
button#addressbook-index_add,button#addressbook-index_search{
.Complete_Button_add_only_plus;
.dimension_height_m;
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}
button#addressbook-index_add {
margin-right: 0px;
}
} // rechte Box
div.filters {
// 1 Filter
select#infolog-index_cat_id {width: 10%; margin-left: 1em;}
// 2 Filter
select#infolog-index_filter {width: 10%;}
// 3 Filter
select#infolog-index_filter2 {width: 10%;}
// Suchfeld
input#infolog-index_search {
}
// Suchen Button
button.et2_button {}
}
// Filter
.filters{
// #addressbook-index_cat_id{width: 7%;}
// #addressbook-index_filter{width:7%;}
// #addressbook-index_filter2{width: 10%;}
}// Filter
/*#############################################################*/
} // iframe
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/
/*padding: 1em;*/
/*min-height: 250px;*/
/*ADD Button */
/* div.et2_hbox,
div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"]{
div.et2_box_widget{
/*border: 1px solid rgba(0, 0, 0, 0.15);*/
/*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none;
.dimension_height_l;
margin-top: 5px;
background-image: none !important;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; /* Safari */
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1;
line-height: 0.5em;
}
/*Text ""hinzufügen" "*/
span {display: none;}
// IMG
img {
.Complete_Button_Icon_normal;
.dimension_width_height_s;
margin-left: 0.5em;
padding: 0px;
margin-top: 0px;
vertical-align: middle;
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
&:hover{.Complete_Button_Icon_hover ;}
&:active { .Complete_Button_Icon_active ;}
}
img:last-child {margin-right: 5px;};
/*MouseOver*/
&:hover {
.box_shadow_standard_light_hover;
background-color: @egw_color_2_a !important;
.border_radius_button_lefttop;
.dimension_height_l;
&:before {content: ""; font-size: 1em;padding-left: 5px;}
/*Text*/
span {visibility: hidden; display: none;};
img {.scale; margin: 0.5em; background: @gray_0;}
}
}
}
// Scrollarea in Infolog
.egwGridView_scrollarea{
overflow-y: scroll !important;
overflow-x: hidden !important;
}
}
//******************************************************************
// CRM View - Tracking System
button#tracker-index-addressbook_add{
.Complete_Button_add_only_plus;
.dimension_height_m;
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}
//******************************************************************
// sidebar
//******************************************************************
#egw_fw_sidemenu{
//Tabelle mit Ansichten des Kalenders
.egw_fw_ui_category_content{
// table {margin-left: -14px;}
}
// Bilder für Favoriten
img.sideboxstar {
}
// select {margin-top: -5px;}
}
// #############################################################################
// Addressbook edit dialog
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#addressbook-edit.et2_container {
}
// person image
div.addressbook_edit_general_picture img {
top: -4px;
width: 70px;
height: auto;
left: 7px;
}
// general
#addressbook-edit_addressbook-edit-general{
.et2_label {margin-right: 6px;}
}
// END DIALOG #############################################################################
} // Ende Media all
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
#addressbook-index {
table.egwGridView_outer tbody {
.addressbookCol3 div.avatar {
border: 1px solid silver;
border-radius: 50%;
overflow: hidden;
width: 50px;
height: 50px;
background-image: url(/egroupware/addressbook/templates/pixelegg/images/photo.png);
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom:25%;
top:25%;
img{
padding-top:0;
}
}
span[id^='addressbook-index_'][id$='line1]'] {
.mob-fontsize-s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
span[id^='addressbook-index_'][id$='line2]']{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
}
.addressbookCol2 {
.et2_box_widget {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width:99%;
}
}
span[id^='addressbook-index_'][id$='adr_one_locality]']
{
.mob-fontsize-s;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
a[id^='addressbook-index_'][id$='email]']{
.mob-fontsize-s;
padding-left: 3px;
display: inline;
overflow: hidden;
text-overflow: ellipsis;
color: #26537c;
white-space: nowrap;
}
a[id^='addressbook-index_'][id$='tel_cell]'],
a[id^='addressbook-index_'][id$='tel_work]']
{
.mob-fontsize-s;
padding-left: 3px;
display: inline;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
}