From 1ee7878f0ea4fad4520c9a0ba2d319d3d7908a8b Mon Sep 17 00:00:00 2001
From: Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
Date: Fri, 14 Mar 2014 16:14:22 +0000
Subject: [PATCH] INFOLOG: nextmatch_header_row => favorite filter -> fix css

---
 infolog/templates/pixelegg/app.css  | 288 +++++++++++++++-------------
 infolog/templates/pixelegg/app.less | 149 +++++++-------
 2 files changed, 237 insertions(+), 200 deletions(-)

diff --git a/infolog/templates/pixelegg/app.css b/infolog/templates/pixelegg/app.css
index d4e029d9cb..7a702d9f62 100755
--- a/infolog/templates/pixelegg/app.css
+++ b/infolog/templates/pixelegg/app.css
@@ -12,6 +12,9 @@
  * @version $Id$
  */
 /* $Id$ */
+div#infolog-edit.et2_container {
+  width: 842px;
+}
 .infolog_headertext {
   color: black;
   font-size: 120%;
@@ -62,7 +65,7 @@
 table.infolog_fullWidth {
   width: 100%;
 }
-td.infolog_infoId:before {
+#infolog-edit_info_number:before {
   content: "#";
 }
 #infolog-edit_info_contact {
@@ -71,8 +74,8 @@ td.infolog_infoId:before {
 .infolog_fixedHeight {
   height: 12px;
 }
-.noWrap {
-  white-space: nowrap;
+.infolog_normalWrap {
+  white-space: normal;
 }
 .infolog_user_filter select {
   width: 100px;
@@ -83,11 +86,41 @@ td.infolog_infoId:before {
 .infolog_image16 img {
   height: 16px;
 }
+.infolog_responsible select {
+  width: 120px;
+}
+#info_contact select {
+  width: 117px;
+}
+#info_contact input {
+  width: 134px;
+}
+#info_subject {
+  width: 100%;
+}
+/* date-duration styling in project manager tab */
+.infolog_date_duration:first-child input.et2_date_duration {
+  float: left;
+  width: 88px;
+}
+.infolog_date_duration select.et2_date_duration {
+  width: 52%;
+  margin-left: 2px;
+}
 tr.infolog_rowHasParent > td:first-child {
   background-image: url(../../../phpgwapi/templates/default/images/egw_action/arrow_up.png);
   background-repeat: no-repeat;
   background-position: 6px -2px;
 }
+tr.dialogHeader td,
+tr.dialogHeader2 td,
+tr.dialogHeader3 td,
+tr.dialogHeader4 td,
+tr.dialogOperators td,
+.dialogFooterToolbar {
+  padding: 5px 0 5px 0;
+  vertical-align: middle;
+}
 /* #############################################################################
 // iframe
 // Rahmen + padding**/
@@ -126,134 +159,6 @@ tr.infolog_rowHasParent > td:first-child {
 #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset {
   height: 0px;
 }
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right {
-  padding: 0 0em;
-  margin-right: 0.2em;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget {
-  border: 1px solid #0C5DA5;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-  text-shadow: none;
-  height: 24px;
-  margin-top: 3px;
-  padding: 2px;
-  background-color: #e6e6e6;
-  -webkit-border-top-right-radius: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  -webkit-border-bottom-left-radius: 3px;
-  -webkit-border-top-left-radius: 10px;
-  -moz-border-radius-topright: 3px;
-  -moz-border-radius-bottomright: 3px;
-  -moz-border-radius-bottomleft: 3px;
-  -moz-border-radius-topleft: 10px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-top-left-radius: 10px;
-  /*.background-clip(padding-box);*/
-  background-image: none !important;
-  transition: all 0.5s linear;
-  -webkit-transition: all 0.5s linear;
-  /* Safari */
-  /*Text ""hinzufügen" "*/
-  /*MouseOver*/
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before {
-  content: "+";
-  font-size: 26px;
-  color: #ffc200;
-  line-height: 1px;
-  position: relative;
-  top: 6px;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget span,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget span {
-  display: none;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img {
-  /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
-  /*.background_color_10_gray;*/
-  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  width: 16px;
-  height: 16px;
-  margin-left: 0.5em;
-  padding: 0px;
-  margin-top: 0px;
-  vertical-align: middle;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:hover,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:hover {
-  /*.background_color_20_gray;*/
-  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-  border: 1px solid rgba(0, 0, 0, 0.5);
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:active,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:active {
-  /*.background_color_30_gray;*/
-  border: 1px solid rgba(0, 0, 0, 0.9);
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  background-color: #1aa200;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:last-child,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:last-child {
-  margin-right: 5px;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover {
-  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-  background-color: rgba(12, 93, 165, 0.8) !important;
-  -webkit-border-radius: 3px;
-  -webkit-border-top-left-radius: 10px;
-  -moz-border-radius: 3px;
-  -moz-border-radius-topleft: 10px;
-  border-radius: 3px;
-  border-top-left-radius: 10px;
-  height: 32px;
-  /*Text*/
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover:before,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover:before {
-  content: "";
-  font-size: 1em;
-  padding-left: 5px;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover span,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover span {
-  visibility: hidden;
-  display: none;
-}
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover img,
-#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover img {
-  -webkit-transform: scale(1.5);
-  -moz-transform: scale(1.5);
-  -o-transform: scale(1.5);
-  -ms-transform: scale(1.5);
-  transform: scale(1.5);
-  margin: 0.5em;
-  background: #ffffff;
-}
 #infolog-index #infolog-index_nm .nextmatch_header span.header_count {
   top: 0px;
 }
@@ -276,6 +181,125 @@ tr.infolog_rowHasParent > td:first-child {
                         .Complete_Button_input_focus;
                     }*/
 }
+#infolog-index #infolog-index_nm #infolog-index_favorite_wrapper {
+  position: relative;
+  top: 5px;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget {
+  border: 1px solid #0C5DA5;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+  text-shadow: none;
+  height: 24px;
+  margin-top: 0px;
+  margin-left: 12px;
+  padding: 4px;
+  background-color: #e6e6e6;
+  position: relative;
+  top: 5px;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 10px;
+  -moz-border-radius-topright: 3px;
+  -moz-border-radius-bottomright: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  -moz-border-radius-topleft: 10px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 10px;
+  /*.background-clip(padding-box);*/
+  background-image: none !important;
+  transition: all 0.5s linear;
+  -webkit-transition: all 0.5s linear;
+  /* Safari */
+  /*Text ""hinzufügen" "*/
+  /*MouseOver*/
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget:before {
+  content: "+";
+  font-size: 18px;
+  color: #ffc200;
+  line-height: 1px;
+  position: relative;
+  top: 2px;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget span {
+  display: none;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget img {
+  /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
+  /*.background_color_10_gray;*/
+  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  width: 16px;
+  height: 16px;
+  margin-left: 0.5em;
+  padding: 0px;
+  margin-top: 0px;
+  vertical-align: middle;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget img:hover {
+  /*.background_color_20_gray;*/
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget img:active {
+  /*.background_color_30_gray;*/
+  border: 1px solid rgba(0, 0, 0, 0.9);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
+  background-color: #1aa200;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget img:last-child {
+  margin-right: 5px;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget:hover {
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+  background-color: rgba(12, 93, 165, 0.8) !important;
+  -webkit-border-radius: 3px;
+  -webkit-border-top-left-radius: 10px;
+  -moz-border-radius: 3px;
+  -moz-border-radius-topleft: 10px;
+  border-radius: 3px;
+  border-top-left-radius: 10px;
+  height: 24px;
+  /*Text*/
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget:hover:before {
+  content: "";
+  font-size: 1em;
+  padding-left: 5px;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget:hover span {
+  visibility: hidden;
+  display: none;
+}
+#infolog-index #infolog-index_nm #infolog-index_infolog-index-header_right div.et2_box_widget:hover img {
+  -webkit-transform: scale(1.5);
+  -moz-transform: scale(1.5);
+  -o-transform: scale(1.5);
+  -ms-transform: scale(1.5);
+  transform: scale(1.5);
+  margin: 0 5px;
+  background: #ffffff;
+}
 #infolog-index #infolog-index_nm table.egwGridView_outer thead tr th.optcol .selectcols {
   margin-top: 1.5%;
 }
@@ -303,7 +327,7 @@ tr.infolog_rowHasParent > td:first-child {
 }
 /*###########################################
 #                                           #
-#       dialog-header                       #
+#       dialogHeader                       #
 #############################################
 #                                           #
 #                                           #
diff --git a/infolog/templates/pixelegg/app.less b/infolog/templates/pixelegg/app.less
index b4c8bdbd76..025955fe8c 100755
--- a/infolog/templates/pixelegg/app.less
+++ b/infolog/templates/pixelegg/app.less
@@ -65,74 +65,7 @@
 
 
 
-           // ################################################################
-           // right Box with add item
 
-                div.et2_hbox_right{
-                    padding: 0 0em;
-                    margin-right: 0.2em;
-
-                    // box for add stuff
-                    div.et2_box_widget{
-                        border: 1px solid #0C5DA5;
-                        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-                        text-shadow: none;
-                        .dimension_height_m;
-                        margin-top: 3px;
-                        padding: 2px;
-                        background-color: @gray_10;
-
-                        .border_radius(3px, 3px, 3px, 10px);
-                        background-image: none !important;
-                        transition: all 0.5s linear;
-                        -webkit-transition: all 0.5s linear; /* Safari */
-
-                         &:before {
-                            content: "+";
-                            font-size: 26px;
-                            color: @egw_color_1;
-                            line-height: 1px;
-                            position: relative;
-                            top: 6px;
-                            }
-
-                       /*Text ""hinzufügen" "*/
-                       span {display: none;}
-
-
-                      // IMG
-                        img {
-                            /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
-                            .Complete_Button_Icon_normal;
-                            .dimension_width_height_s;
-                            margin-left: 0.5em;
-                            padding: 0px;
-                            margin-top: 0px;
-                            vertical-align: middle;
-
-
-                            &: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: fade(@egw_color_2_a, 80%) !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;}
-                      }
-                    }
-                }
 
             }
 
@@ -182,6 +115,86 @@
         } //nextmatch_header
 
 
+// ################################################################
+// right Box with add item
+
+// FILTER
+#infolog-index_favorite_wrapper{
+
+    position: relative;
+    top: 5px;
+
+}
+
+// box for add stuff
+#infolog-index_infolog-index-header_right{
+
+div.et2_box_widget{
+                  border: 1px solid #0C5DA5;
+                  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+                  text-shadow: none;
+                 .dimension_height_m;
+                   margin-top: 0px;
+                   margin-left: 12px;
+                   padding: 4px;
+                   background-color: @gray_10;
+                   position: relative;
+                   top: 5px;
+                 .border_radius(3px, 3px, 3px, 10px);
+                   background-image: none !important;
+                   transition: all 0.5s linear;
+                   -webkit-transition: all 0.5s linear; /* Safari */
+
+                         &:before {
+                            content: "+";
+                            font-size: 18px;
+                            color: @egw_color_1;
+                            line-height: 1px;
+                            position: relative;
+                            top: 2px;
+                            }
+
+                       /*Text ""hinzufügen" "*/
+                       span {display: none;}
+
+
+                      // IMG
+                        img {
+                            /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
+                            .Complete_Button_Icon_normal;
+                            .dimension_width_height_s;
+                            margin-left: 0.5em;
+                            padding: 0px;
+                            margin-top: 0px;
+                            vertical-align: middle;
+
+
+                            &: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: fade(@egw_color_2_a, 80%) !important;
+                          .border_radius_button_lefttop;
+                          .dimension_height_m;
+                          &:before {content: ""; font-size: 1em;padding-left: 5px;}
+                          /*Text*/
+                          span {visibility: hidden; display: none;};
+                         img {.scale; margin: 0 5px; background: @gray_0;}
+                      }
+        }
+}// END BOX WIDGET
+
+
+
+
 // ##################################
 // Listendarstellung
         .egwGridView_outer {}
@@ -237,7 +250,7 @@
 
 /*###########################################
 #                                           #
-#       dialog-header                       #
+#       dialogHeader                       #
 #############################################
 #                                           #
 #                                           #