Author: hnategh
New Revision: 55652
URL: http://svn.stylite.de/viewvc/egroupware?rev=55652&view=rev
Log:
Edit dialogs style W.I.P.:
- Give tab widget new look
- Style grid header different
- Re-design calendar edit dialog
- Some fixes for multi et2_taglist
Modified:
trunk/addressbook/templates/default/app.css
trunk/addressbook/templates/pixelegg/app.css
trunk/addressbook/templates/pixelegg/app.less
trunk/admin/templates/pixelegg/app.css
trunk/admin/templates/pixelegg/app.less
trunk/calendar/templates/default/app.css
trunk/calendar/templates/default/edit.xet
trunk/calendar/templates/pixelegg/app.css
trunk/calendar/templates/pixelegg/app.less
trunk/egroupware/api/templates/default/etemplate2.css
trunk/filemanager/templates/pixelegg/app.less
trunk/infolog/templates/default/app.css
trunk/infolog/templates/pixelegg/app.css
trunk/mail/templates/mobile/app.css
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/pixelegg.css
trunk/pixelegg/less/etemplate2.less
trunk/pixelegg/less/layout_dialog.less
trunk/pixelegg/less/layout_table.less
trunk/pixelegg/less/magicsuggest.css
trunk/pixelegg/less/magicsuggest.less
trunk/pixelegg/mobile/fw_mobile.css
trunk/resources/templates/default/app.css
trunk/resources/templates/pixelegg/app.less
trunk/timesheet/templates/default/app.css
trunk/timesheet/templates/pixelegg/app.css
trunk/tracker/templates/default/app.css
trunk/tracker/templates/pixelegg/app.css
— trunk/addressbook/templates/default/app.css (original)
+++ trunk/addressbook/templates/default/app.css Wed Apr 6 18:43:51 2016
@@ -70,11 +70,6 @@
.custom_country {
display: none;
}
-tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
-tr.dialogOperators td,.dialogFooterToolbar {
- padding: 5px 0 5px 0;
- vertical-align: middle;
-}
input.et2_radiobox {
position: relative;
left: -16px;
— trunk/addressbook/templates/pixelegg/app.css (original)
+++ trunk/addressbook/templates/pixelegg/app.css Wed Apr 6 18:43:51 2016
@@ -83,15 +83,6 @@
.custom_country {
display: none;
}
-tr.dialogHeader td,
-tr.dialogHeader2 td,
-tr.dialogHeader3 td,
-tr.dialogHeader4 td,
-tr.dialogOperators td,
-.dialogFooterToolbar {
- padding: 5px 0 5px 0;
- vertical-align: middle;
-}
input.et2_radiobox {
position: relative;
left: -16px;
@@ -149,7 +140,7 @@
@media all {
/* #############################################################################
-// Rahmen + padding**/
- // Rahmen + padding**/
/##############################################/
/# # #/
/# Bild # #/
@@ -191,8 +182,8 @@
padding: 2px 0 2px 0;
}
/**
-
- Give space to both contact view & infolog list
- */
-
- Give space to both contact view & infolog list
-
/
#addressbook-edit {
height: auto;
min-height: 390px;
@@ -201,16 +192,9 @@
/##################################################################*/
/Infolog/
.et2_container[id^=“infolog-index-addressbook”] {
- /height: auto;/
- /padding: 1em;/
- /min-height: 250px;/
/*ADD Button */
- /* div.et2_hbox,
-
div.et2_box_widget*/
}
.et2_container[id^=“infolog-index-addressbook”] .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;
height: 32px;
margin-top: 5px;
@@ -350,24 +334,6 @@
button#tracker-index-addressbook_add:active {
background-color: #1aa200 !important;
}
- /###########################################
-# #
-# dialogHeader #
-#############################################
-# #
-# #
-# #
-# #
-# #
-# dialog #
-# #
-# #
-#############################################
-# #
-# buttons #
-# #
-# #
-##############################################/
div.addressbook_edit_general_picture img {
top: -4px;
width: 70px;
— trunk/addressbook/templates/pixelegg/app.less (original)
+++ trunk/addressbook/templates/pixelegg/app.less Wed Apr 6 18:43:51 2016
@@ -21,252 +21,154 @@
@media all {
-/* #############################################################################
- /* #############################################################################
-// Rahmen + padding**/
-/##############################################/
-/# # #/
-/# Bild # #/
-/# # Infolog #/
-/# # #/
-/# # #/
-/# # #/
-/# Sidebar # #/
-/# # #/
-/# # #/
-/# # #/
-/# # #/
-/# # #/
-/##############################################/
- /##############################################/
- /# # #/
- /# Bild # #/
- /# # Infolog #/
- /# # #/
- /# # #/
- /# # #/
- /# Sidebar # #/
- /# # #/
- /# # #/
- /# # #/
- /# # #/
- /# # #/
- /##############################################/
-// Image + Data
-div#addressbook_view_sidebox{
- 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;
-
}
- }
- //img
- img.photo {
-
width: 68px;
-
padding-right: 3px;
-
height: auto;
-
vertical-align: top;
-
margin-right: 5px;
-
}
- /**
-
- Give space to both contact view & infolog list
- */
- // name
-
#addressbook-view_n_fn{
-
.fontsize_xl;
-
font-weight: bold;
-
padding: 2px 0 2px 0;
-
width: 85%;
-
}
-
#addressbook-edit {
-
height: auto;
-
min-height: 390px;
-
overflow: auto;
- }
- // 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;
-
}
-
.et2_container[id^=“infolog-index-addressbook”] {
-
/*ADD Button */
-
.et2_hbox_right[id*="_infolog-index-header_right"] {
-
div.et2_box_widget {
-
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;}
-
}
-
-
// 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;}
-
}
}
-/**
-
- Give space to both contact view & infolog list
- */
-
-#addressbook-edit {
- height: auto;
- min-height: 390px;
- overflow: auto;
-}
-
-
-
-/##################################################################/
-/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{
-}
-// END DIALOG #############################################################################
-} // Ende Media all
— trunk/admin/templates/pixelegg/app.css (original)
+++ trunk/admin/templates/pixelegg/app.css Wed Apr 6 18:43:51 2016
@@ -18,7 +18,7 @@
-
-
@version $Id: app.css 55140 2016-02-25 08:42:33Z ralfbecker $
-
-
@version $Id: app.css 55532 2016-03-28 18:51:38Z ralfbecker $
/
.admin_tree table,
.admin_tree tr,
@@ -166,8 +166,8 @@
color: #1e1e1e;
}
/ #############################################################################
-// iframe
-// Rahmen + padding**/
- // iframe
- // Rahmen + padding**/
/################## iframe ####################/
/# # #/
/# # #/
@@ -177,8 +177,8 @@
/# # #/
/##############################################/
/**
-
- Give space to both contact view & infolog list
- */
-
- Give space to both contact view & infolog list
-
/
iframe#admin-index_iframe {
background-color: transparent;
}
@@ -200,22 +200,4 @@
filter: initial;
/ IE 6-9 */
}
- /###########################################
-# #
-# dialogHeader #
-#############################################
-# #
-# #
-# #
-# #
-# #
-# dialog #
-# #
-# #
-#############################################
-# #
-# buttons #
-# #
-# #
-##############################################/
-}
+}
— trunk/admin/templates/pixelegg/app.less (original)
+++ trunk/admin/templates/pixelegg/app.less Wed Apr 6 18:43:51 2016
@@ -21,102 +21,42 @@
@media all {
// ADMIN in SIDEBAR
- /################## iframe ####################/
- /# # #/
- /# # #/
- /# # ADMIN #/
- /# # #/
- /# # #/
- /# # #/
- /##############################################/
-
// selected Item
-
td.standartTreeRow {
- /**
-
- Give space to both contact view & infolog list
- */
-/* #############################################################################
-// iframe
-// Rahmen + padding**/
-/################## iframe ####################/
-/# # #/
-/# # #/
-/# # ADMIN #/
-/# # #/
-/# # #/
-/# # #/
-/##############################################/
-/**
-
- Give space to both contact view & infolog list
- */
-
-iframe#admin-index_iframe{
-} // iframe
-// gray Filter for images
- // gray Filter for images
table.egwGridView_grid img {
-
/*filter grey*/
-
.img_filter_none;
-
}
-
-
-
-
-// #############################################################################
-// Dialog ADMIN
-/###########################################
-# #
-# dialogHeader #
-#############################################
-# #
-# #
-# #
-# #
-# #
-# dialog #
-# #
-# #
-#############################################
-# #
-# buttons #
-# #
-# #
-##############################################/
-} // Media
-//
-//
- /filter grey/
- .img_filter_none;
- }
+}
— trunk/calendar/templates/default/app.css (original)
+++ trunk/calendar/templates/default/app.css Wed Apr 6 18:43:51 2016
@@ -148,12 +148,7 @@
#calendar-view_view td {
padding: 0px;
}
-/* Header classes */
-tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
-tr.dialogOperators td,.dialogFooterToolbar {
- padding: 5px 0 5px 0;
- vertical-align: middle;
-}
.calendar_inputFullWidth input { width: 100%; }
/******************************************************************
@@ -1313,11 +1308,7 @@
#calendar-edit_account + .chzn-container .chzn-results {
max-height: 195px;
}
-#calendar-edit_category {
+input#calendar-edit_location {padding-left: 0;}
#calendar_sidebox_content .ui-datepicker div.ui-datepicker-buttonpane {
border-top: 0;
margin: 0;
— trunk/calendar/templates/default/edit.xet (original)
+++ trunk/calendar/templates/default/edit.xet Wed Apr 6 18:43:51 2016
@@ -2,98 +2,56 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
@@ -103,18 +61,7 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -238,7 +185,10 @@
-
+
+
+
+
@@ -246,31 +196,43 @@
-
+
-
+
+
+
+
+
-
+
+
+
+
-
-
+
+
+
-
-
+
+
+
+
+
+
+
-
@@ -279,7 +241,6 @@
-
@@ -309,6 +270,7 @@
<checkbox label="Do not notify" id="no_notifica
