extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 07:53:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

pixelegg changes from thursday

Browse Source
This commit is contained in:
Ralf Becker 2014-01-17 08:10:46 +00:00
parent 0b994ee837
commit 96e0c77fce
21 changed files with 312 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -337,12 +337,12 @@ fieldset.emailGroup {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_add { div#addressbook-index div.et2_hbox_right button#addressbook-index_add {
/*.Complete_Button_add;*/
width: 32px; width: 32px;
height: 32px; height: 32px;
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);
padding: 0.5em; padding: 0.5em;
background-color: #0c5da5 !important;
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before { div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before {
content: "+"; content: "+";
@ -352,6 +352,9 @@ fieldset.emailGroup {
padding-left: 0.1em; padding-left: 0.1em;
padding-right: 4em; padding-right: 4em;
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:active {
background-color: #1aa200;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover { div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover {
background-color: #66a1d2 !important; background-color: #66a1d2 !important;
color: #ffc200; color: #ffc200;
@ -365,6 +368,9 @@ fieldset.emailGroup {
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:active {
background-color: #1aa200 !important;
}
div#addressbook-index div.filters select#infolog-index_cat_id { div#addressbook-index div.filters select#infolog-index_cat_id {
width: 10%; width: 10%;
margin-left: 1em; margin-left: 1em;

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

@ -118,26 +118,13 @@ div#addressbook-index{
// hinzufügen // hinzufügen
button#addressbook-index_add{ button#addressbook-index_add{
/*.Complete_Button_add;*/
.dimension_width_height_l; .Complete_Button_add_only_plus;
border: 1px solid rgba(0, 0, 0, 0.15); &:hover {.Complete_Button_add_only_plus_hover;}
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); &:active {background-color: @color_positive_action_active !important;}
padding: 0.5em;
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 4em;
}
&:hover {.Complete_Button_add_hover;}
} }

13
calendar/templates/pixelegg/app.css
View File

@ -644,10 +644,13 @@ div.calendar {
font-weight: bold; font-weight: bold;
/* Pressing it will take you to the current date */ /* Pressing it will take you to the current date */
text-align: center; text-align: center;
background: #679fd2; background-color: #679fd2;
color: #000; color: #000;
padding: 2px; padding: 2px;
} }
.calendar thead .title:hover {
background-color: #ffffff !important;
}
.calendar thead .headrow { .calendar thead .headrow {
/* Row <TR> containing navigation buttons */ /* Row <TR> containing navigation buttons */
background-color: #ffc200; background-color: #ffc200;
@ -671,15 +674,18 @@ div.calendar {
.calendar thead .hilite { .calendar thead .hilite {
/* How do the buttons in header appear when hover */ /* How do the buttons in header appear when hover */
background-color: #ffffff; background-color: #ffffff;
-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);
color: #000; color: #000;
border: 1px solid; border: 0px solid;
border-color: #828282; border-color: #828282;
padding: 1px; padding: 1px;
} }
.calendar thead .active { .calendar thead .active {
/* Active (pressed) buttons in header */ /* Active (pressed) buttons in header */
background_color: #408dd2; background_color: #408dd2;
padding: 2px 0px 0px 2px; /*padding: 2px 0px 0px 2px;*/
} }
.calendar tbody .day { .calendar tbody .day {
/* Cells <TD> containing month days dates */ /* Cells <TD> containing month days dates */
@ -760,6 +766,7 @@ div.calendar {
color: #445; color: #445;
border-top: 1px solid #556; border-top: 1px solid #556;
padding: 1px; padding: 1px;
height: 30px;
} }
.calendar tfoot .hilite { .calendar tfoot .hilite {
/* Hover style for buttons in footer */ /* Hover style for buttons in footer */

10
calendar/templates/pixelegg/app.less
View File

@ -127,9 +127,11 @@ div.calendar { position: relative; }
.title { /* This holds the current "month, year" */ .title { /* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */ font-weight: bold; /* Pressing it will take you to the current date */
text-align: center; text-align: center;
background: @egw_color_2_e; background-color: @egw_color_2_e;
color: #000; color: #000;
padding: 2px; padding: 2px;
&:hover {background-color: @gray_0 !important;}
} }
.headrow { /* Row <TR> containing navigation buttons */ .headrow { /* Row <TR> containing navigation buttons */
.background_table_cal_head; .background_table_cal_head;
@ -154,15 +156,16 @@ div.calendar { position: relative; }
.hilite { /* How do the buttons in header appear when hover */ .hilite { /* How do the buttons in header appear when hover */
.background_color_0_gray; .background_color_0_gray;
.box_shadow_standard_light_inset;
color: #000; color: #000;
border: 1px solid; border: 0px solid;
border-color: @gray_50; border-color: @gray_50;
padding: 1px; padding: 1px;
} }
.active { /* Active (pressed) buttons in header */ .active { /* Active (pressed) buttons in header */
background_color: @egw_color_2_d; background_color: @egw_color_2_d;
padding: 2px 0px 0px 2px; /*padding: 2px 0px 0px 2px;*/
} }
} // thead } // thead
@ -260,6 +263,7 @@ div.calendar { position: relative; }
color: #445; color: #445;
border-top: 1px solid #556; border-top: 1px solid #556;
padding: 1px; padding: 1px;
height: 30px;
} }
.hilite { /* Hover style for buttons in footer */ .hilite { /* Hover style for buttons in footer */

38
filemanager/templates/pixelegg/app.css
View File

@ -201,24 +201,18 @@ div.filemanager_navigation > label {
margin-right: 0.2em; margin-right: 0.2em;
} }
div.filemanager_navigation > label > input { div.filemanager_navigation > label > input {
width: 85%; width: 95%;
} }
#filemanager-index .et2_file { #filemanager-index .et2_file {
/*background-color: @egw_color_blue_lighter !important;*/ /*background-color: @egw_color_2_a;*/
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
/*.border_radius_button_lefttop;*/
color: #fff;
height: auto;
width: 55%;
} }
#filemanager-index .et2_file:before { #filemanager-index .et2_file:before {
content: "+"; content: "+";
font-size: 1.5em; font-size: 2em;
color: #ffc200; color: #ffc200;
line-height: 1.1em; line-height: 0.6em;
padding-left: 0.1em;
padding-right: 0em;
} }
#filemanager-index .et2_file:hover { #filemanager-index .et2_file:hover {
background-color: #66a1d2 !important; background-color: #66a1d2 !important;
@ -233,14 +227,20 @@ div.filemanager_navigation > label > input {
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
} }
#filemanager-index .et2_file:before { #filemanager-index .et2_file:active {
font-size: 1.5em; background-color: #1aa200 !important;
padding-right: 0.5em;
padding-left: 0.5em;
} }
#filemanager-index .et2_file #filemanager-index_upload { #filemanager-index .et2_file input#filemanager-index_upload {
border: none; width: 250px;
width: 86%; /*.Complete_Button_add_only_plus;*/
/*.dimension_width_height_s;*/
/*background-color: @egw_color_2_a;*/
/*position: relative; top: 7px;*/
/*background-image: url(images/gradient01.png);*/
/*input {display: none;}*/
}
#filemanager-index .et2_file div.progress {
width: 0px;
} }
#filemanager-index #filemanager-index_tarp { #filemanager-index #filemanager-index_tarp {
width: 32px !important; width: 32px !important;

37
filemanager/templates/pixelegg/app.less
View File

@ -103,23 +103,42 @@ div.filemanager_navigation > label {
div.filemanager_navigation > label > input { div.filemanager_navigation > label > input {
width: 85%; width: 95%;
} }
#filemanager-index{ #filemanager-index{
.et2_file{ .et2_file{
.Complete_Button_add; /*background-color: @egw_color_2_a;*/
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1_a;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 0em;
}
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
color: #fff; input#filemanager-index_upload {
height: auto;
width: 55%; width: 250px;
&:hover { .Complete_Button_add_hover;}
&:before{ font-size: 1.5em; padding-right: 0.5em; padding-left: 0.5em;} /*.Complete_Button_add_only_plus;*/
/*.dimension_width_height_s;*/
/*background-color: @egw_color_2_a;*/
/*position: relative; top: 7px;*/
/*background-image: url(images/gradient01.png);*/
/*input {display: none;}*/
}
div.progress {width: 0px;}
#filemanager-index_upload {border: none; width: 86%;}

BIN
filemanager/templates/pixelegg/images/gradient01.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 249 B

29
infolog/templates/pixelegg/app.css
View File

@ -164,15 +164,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
} }
#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-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 { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img {
background-color: #0c5da5; /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x;
/*.background_color_10_gray;*/ /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -220,7 +212,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
background-color: #0c5da5 !important; background-color: rgba(12, 93, 165, 0.8) !important;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -249,15 +241,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
-ms-transform: scale(1.5); -ms-transform: scale(1.5);
transform: scale(1.5); transform: scale(1.5);
margin: 0.5em; margin: 0.5em;
background-color: #0c5da5; background: #ffffff;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x;
} }
#infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu { #infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu {
border-color: #b4b4b4; border-color: #b4b4b4;
@ -352,8 +336,11 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
.infolog_fixedHeight { .infolog_fixedHeight {
height: auto; height: auto;
} }
div#infolog-edit_info_contact input.ui-autocomplete-input { div#infolog-edit_info_contact input.ui-autocomplete-input span.ui-icon-close {
width: 100%; background-color: #ffffff;
background-size: contain;
background-position: 5px 5px;
top: 9px !important;
} }
.searchParent input.ui-autocomplete-input { .searchParent input.ui-autocomplete-input {
width: 95% !important; width: 95% !important;

15
infolog/templates/pixelegg/app.less
View File

@ -117,7 +117,7 @@ span#favorite_sidebox_infolog{
// IMG // IMG
img { img {
.gradient_vertical (@egw_color_2_a, @egw_color_2_a); /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
.dimension_width_height_s; .dimension_width_height_s;
margin-left: 0.5em; margin-left: 0.5em;
@ -138,13 +138,13 @@ span#favorite_sidebox_infolog{
/*MouseOver*/ /*MouseOver*/
&:hover { &:hover {
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
background-color: @egw_color_2_a !important; background-color: fade(@egw_color_2_a, 80%) !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; .gradient_vertical (@egw_color_2_a, @egw_color_2_a);} img {.scale; margin: 0.5em; background: @gray_0;}
} }
} }
} }
@ -332,7 +332,14 @@ span#infolog-edit_info_number{}
div#infolog-edit_info_contact{ div#infolog-edit_info_contact{
input.ui-autocomplete-input { input.ui-autocomplete-input {
width: 100%;
span.ui-icon-close {
background-color: @gray_0;
background-size: contain;
background-position: 5px 5px;
top: 9px !important;
}
} }

30
infolog/templates/pixelegg/images/navbar.svg
View File

@ -1,19 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?> <?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="infolog_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="infolog_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve"> y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
xml:space="preserve">
<g> <g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M0,0v28.348h28.348V0H0z M8.282,4.486 <path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M9.411,25.186c0,0-0.694,0.272-0.842,0
c0-0.465,0.377-0.842,0.842-0.842h0.894C9.983,3.508,9.967,3.367,9.967,3.222c0-1.162,1.13-2.104,2.525-2.104 c-0.151-0.277,0-0.842,0-0.842l1.685-7.579L22.392,4.626c-0.305-0.305-0.726-0.493-1.19-0.493h-2.526v2.105
s2.526,0.942,2.526,2.104c0,0.145-0.019,0.286-0.051,0.422h0.894c0.465,0,0.842,0.377,0.842,0.842V6.17 c0,0.697-0.314,1.264-0.702,1.264H7.586c-0.387,0-0.701-0.566-0.701-1.264V4.133H4.358c-0.93,0-1.684,0.754-1.684,1.685v19.368
c0,0.465-0.377,0.842-0.842,0.842H9.124c-0.465,0-0.842-0.377-0.842-0.842V4.486z M22.598,25.539c0,0.93-0.754,1.684-1.684,1.684 c0,0.931,0.754,1.685,1.684,1.685h16.843c0.93,0,1.684-0.754,1.684-1.685v-7.579l-5.895,5.895L9.411,25.186z"/>
H4.071c-0.93,0-1.684-0.754-1.684-1.684V6.17c0-0.931,0.754-1.685,1.684-1.685h2.526v2.105c0,0.697,0.314,1.264,0.701,1.264h10.387 <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="11.923,17.836 10.36,23.279 15.832,21.725 "/>
c0.388,0,0.702-0.566,0.702-1.264V4.486h2.526c0.465,0,0.886,0.188,1.19,0.493L9.967,17.117l-1.685,7.58c0,0-0.151,0.564,0,0.842 <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="13.31,16.452 17.219,20.34 24.133,13.471 20.225,9.582
c0.147,0.271,0.842,0,0.842,0l7.579-1.686l5.895-5.895V25.539z M11.636,18.189l3.909,3.889l-5.472,1.555L11.636,18.189z "/>
M16.932,20.693l-3.909-3.889l6.915-6.87l3.908,3.889L16.932,20.693z M25.612,12.064L24.44,13.23l-3.907-3.888l1.171-1.166 <path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M25.949,10.204l-2.443-2.43c-0.405-0.403-1.082-0.381-1.515,0.049
c0.433-0.43,1.109-0.452,1.515-0.049l2.443,2.43C26.066,10.96,26.044,11.634,25.612,12.064z"/> L20.82,8.989l3.907,3.888l1.172-1.166C26.331,11.281,26.354,10.607,25.949,10.204z"/>
<rect x="11.65" y="2.801" fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" width="1.685" height="1.685"/> <path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M9.411,6.659h6.737c0.465,0,0.842-0.377,0.842-0.842V4.133
c0-0.465-0.377-0.842-0.842-0.842h-0.894c0.032-0.136,0.051-0.277,0.051-0.422c0-1.162-1.131-2.104-2.526-2.104
s-2.525,0.942-2.525,2.104c0,0.145,0.017,0.286,0.051,0.422H9.411c-0.465,0-0.842,0.377-0.842,0.842v1.685
C8.569,6.282,8.946,6.659,9.411,6.659z M11.938,2.448h1.685v1.685h-1.685V2.448z"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

2
mail/templates/pixelegg/app.css
View File

@ -939,7 +939,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
width: 8em; width: 8em;
font-size: 0.8em; font-size: 0.8em;
text-align: right; text-align: right;
padding-left: 5px; padding-right: 5px;
} }
#mail-compose .mailComposeHeaders div, #mail-compose .mailComposeHeaders div,
#mail-compose .mailComposeHeadersSection div { #mail-compose .mailComposeHeadersSection div {

2
mail/templates/pixelegg/app.less
View File

@ -453,7 +453,7 @@ div#mail-index{
margin: 2px 0; margin: 2px 0;
width: 98%; width: 98%;
span { width: 8em; font-size: 0.8em; text-align: right; padding-left: 5px;} span { width: 8em; font-size: 0.8em; text-align: right; padding-right: 5px;}
div{ max-width: 770px; } div{ max-width: 770px; }

4
preferences/templates/pixelegg/app.css
View File

@ -103,7 +103,7 @@ tr.prefRow > td {
position: absolute; position: absolute;
display: none; display: none;
width: 98%; width: 98%;
background-color: rgba(103, 159, 210, 0.1); background-color: #679fd2;
padding: 5px; padding: 5px;
margin-top: 5px; margin-top: 5px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
@ -113,7 +113,7 @@ tr.prefRow > td {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
color: #ffffff !important; color: #000000 !important;
} }
tr.prefRow:hover .prefHelp { tr.prefRow:hover .prefHelp {
display: block; display: block;

4
preferences/templates/pixelegg/app.less
View File

@ -55,7 +55,7 @@ tr.prefRow > td {
position: absolute; position: absolute;
display: none; display: none;
width: 98%; width: 98%;
background-color: @color_hint; background-color: @egw_color_2_e;
padding: 5px; padding: 5px;
margin-top: 5px; margin-top: 5px;
@ -63,7 +63,7 @@ tr.prefRow > td {
.border_normal; .border_normal;
.box_shadow_standard_light; .box_shadow_standard_light;
.rounded (3px); .rounded (3px);
color: @gray_0 !important; color: @gray_100 !important;
} }

52
resources/templates/pixelegg/app.css Executable file
View File

@ -0,0 +1,52 @@
/**
* EGroupware: CSS with less preprocessor
*
* Ressources
*
* 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 tracker
* @version $Id$
*/
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 {
font-size: 1.15em !important;
}
button#resources-show_add {
width: 32px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
padding: 0.5em;
background-color: #0c5da5 !important;
background-color: #0c5da5;
}
button#resources-show_add:before {
content: "+";
font-size: 2em;
color: #ffc200;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 4em;
}
button#resources-show_add:active {
background-color: #1aa200;
}
button#resources-show_add:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-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);
-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;
}
button#resources-show_add:active {
background-color: #1aa200 !important;
}

49
resources/templates/pixelegg/app.less Executable file
View File

@ -0,0 +1,49 @@
/**
* EGroupware: CSS with less preprocessor
*
* Ressources
*
* 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 tracker
* @version $Id$
*/
@import (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
//******************************************************************
// sidebar
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 {font-size: 1.15em !important;}
//**********************************
// main
// hinzufügen
button#resources-show_add{
.Complete_Button_add_only_plus;
background-color: @egw_color_2_a;
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}
// main
// Dialog Tracker bearbeiten und alle weiteren
//

25
resources/templates/pixelegg/images/navbar.svg
View File

@ -1,17 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?> <?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="resources_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="resources_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve"> y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
xml:space="preserve">
<g> <g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M11.379,9.574c-0.243,1.062-0.198,1.799-0.061,2.752 <path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.664,2.714V1.837c0-0.217-0.176-0.393-0.393-0.393h-0.208
c1.361,0.626,4.362,0.627,5.728,0c0.137-0.953,0.183-1.689-0.061-2.752C15.237,9.917,13.125,9.917,11.379,9.574z"/> c-0.217,0-0.392,0.176-0.392,0.393v0.88C6.858,8.991,8.077,17.628,10.705,22.85h6.959C20.298,17.365,21.524,8.938,14.664,2.714z
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M-0.001,0v28.348h28.348V0H-0.001z M4.401,26.898l-0.287-1.09 M17.051,12.328c-1.365,0.627-4.366,0.626-5.728,0c-0.138-0.953-0.183-1.689,0.061-2.752c1.746,0.344,3.858,0.344,5.606,0
c-0.203-0.77-0.094-1.588,0.307-2.277l2.748-4.752c0.406,1.785,1.025,3.461,1.772,4.945l0.127,0.252 C17.233,10.639,17.188,11.375,17.051,12.328z"/>
c0.006,0.02,0.009,0.035,0.01,0.041L4.401,26.898z M15.923,25.773h-3.529l-1.207-1.742h5.942L15.923,25.773z M10.7,22.848 <path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M8.946,23.727c-0.747-1.483-1.366-3.159-1.772-4.944l-2.748,4.752
C8.072,17.625,6.854,8.989,13.667,2.714v-0.88c0-0.217,0.175-0.393,0.392-0.393h0.208c0.217,0,0.393,0.176,0.393,0.393v0.877 c-0.4,0.689-0.51,1.508-0.307,2.277l0.287,1.09l4.677-2.881c-0.001-0.006-0.004-0.021-0.01-0.041L8.946,23.727z"/>
c6.86,6.225,5.634,14.652,3,20.136H10.7z M24.224,25.809l-0.288,1.09l-4.651-2.863c0.011-0.045,0.026-0.115,0.047-0.205 <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="12.398,25.775 15.928,25.775 17.134,24.034
l0.065-0.139c0.772-1.607,1.355-3.283,1.739-4.967l2.78,4.807C24.315,24.221,24.426,25.039,24.224,25.809z"/> 11.191,24.034 "/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.921,23.534l-2.78-4.808c-0.384,1.684-0.967,3.36-1.739,4.968
l-0.065,0.138c-0.021,0.09-0.036,0.161-0.047,0.206l4.651,2.863l0.288-1.09C24.431,25.042,24.32,24.224,23.921,23.534z"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

6
timesheet/templates/default/edit.xet
View File

@ -128,7 +128,7 @@
<menupopup id="ts_owner" no_lang="1"/> <menupopup id="ts_owner" no_lang="1"/>
</menulist> </menulist>
</row> </row>
<row class="row dialog-header"> <row class="row dialog-header2">
<description value="Project" for="ts_project"/> <description value="Project" for="ts_project"/>
<grid spacing="1" padding="1"> <grid spacing="1" padding="1">
<columns> <columns>
@ -144,7 +144,7 @@
</rows> </rows>
</grid> </grid>
</row> </row>
<row class="row dialog-header" disabled="@ts_viewtype"> <row class="row dialog-header3" disabled="@ts_viewtype">
<description value="Unitprice" for="ts_unitprice"/> <description value="Unitprice" for="ts_unitprice"/>
<grid> <grid>
<columns> <columns>
@ -168,7 +168,7 @@
<tab id="customfields" label="Custom Fields"/> <tab id="customfields" label="Custom Fields"/>
<tab id="history" label="History"/> <tab id="history" label="History"/>
</tabs> </tabs>
<tabpanels> <tabpanels class="dialog-main-timeframe">
<template id="timesheet.edit.general"/> <template id="timesheet.edit.general"/>
<template id="timesheet.edit.notes"/> <template id="timesheet.edit.notes"/>
<template id="timesheet.edit.links"/> <template id="timesheet.edit.links"/>

61
timesheet/templates/pixelegg/app.css
View File

@ -16,26 +16,29 @@
} }
#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget, #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget,
#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget { #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget {
background-color: #0b5fa4; /*background-color: @egw_color_blue_lighter !important;*/
color: #FFF; color: #FFF;
text-shadow: none; text-shadow: none;
/* height: auto;*/
background-image: none !important; background-image: none !important;
/*.border_radius_button_lefttop;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 10px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
height: 35px; height: 35px;
} }
#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before, #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before,
#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before { #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before {
content: "+"; content: "+";
font-size: 2em; font-size: 1.5em;
color: #ffc200; color: #ffc200;
line-height: 1.1em;
} }
#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget .infolog_headertext, #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget .infolog_headertext,
#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget .infolog_headertext { #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget .infolog_headertext {
@ -43,9 +46,45 @@
} }
#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover, #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover,
#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover { #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add {
width: 32px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
padding: 0.5em;
background-color: #0c5da5 !important;
background-color: #0c5da5;
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:before {
content: "+";
font-size: 2em;
color: #ffc200;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 4em;
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:active {
background-color: #1aa200;
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-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);
-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;
}
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:active {
background-color: #1aa200 !important;
} }
#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img { #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img {
height: 16px; height: 16px;

13
timesheet/templates/pixelegg/app.less
View File

@ -10,8 +10,8 @@
* @version $Id$ * @version $Id$
*/ */
@import (reference) "../../../phpgwapi/templates/default/def_buttons.less"; @import (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less"; @import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
// iframe // iframe
@ -52,6 +52,15 @@
// rechte Box // rechte Box
#timesheet-index_timesheet-index-add{ #timesheet-index_timesheet-index-add{
button#timesheet-index_add{
.Complete_Button_add_only_plus;
background-color: @egw_color_2_a;
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}

37
timesheet/templates/pixelegg/images/navbar.svg
View File

@ -1,25 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?> <?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?> <svg version="1.1" id="timesheet_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?> y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
<svg version="1.1" id="timesheet_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve">
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g> <g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M0,0v28.348h28.348V0H0z M14.173,27.038 <path fill="#ECEDED" d="M14.173,1.308c-7.104,0-12.864,5.761-12.864,12.864c0,7.105,5.76,12.865,12.864,12.865
c-7.105,0-12.865-5.76-12.865-12.865c0-7.104,5.76-12.865,12.865-12.865s12.865,5.761,12.865,12.865 c7.105,0,12.865-5.76,12.865-12.865C27.038,7.069,21.278,1.308,14.173,1.308z M14.173,24.361C9,24.361,4.004,19.389,4.004,14.246
C27.038,21.278,21.278,27.038,14.173,27.038z"/> C4.004,9.103,9,4.13,14.173,4.13c5.174,0,10.169,4.974,10.169,10.116C24.342,19.389,19.346,24.361,14.173,24.361z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.173,4.13C9,4.13,4.004,9.103,4.004,14.246 <path fill="#ECEDED" d="M14.173,7.749c1.264,0,0.804-2.409,0-2.409C13.37,5.34,12.91,7.749,14.173,7.749z"/>
S9,24.361,14.173,24.361s10.169-4.972,10.169-10.115S19.346,4.13,14.173,4.13z M14.173,5.34c0.803,0,1.263,2.409,0,2.409 <path fill="#ECEDED" d="M5.34,14.174c0,1.263,2.409,1.263,2.409,0C7.749,12.912,5.34,12.912,5.34,14.174z"/>
S13.37,5.34,14.173,5.34z M5.34,14.174c0-1.262,2.409-1.262,2.409,0S5.34,15.436,5.34,14.174z M14.173,23.007 <path fill="#ECEDED" d="M14.173,20.598c-1.263,0-1.146,2.408,0,2.408C15.32,23.007,15.436,20.598,14.173,20.598z"/>
c-1.147,0-1.263-2.409,0-2.409S15.32,23.007,14.173,23.007z M18.427,9.295l-2.79,6.043c-0.003,0.006-0.006,0.012-0.009,0.019 <path fill="#ECEDED" d="M17.853,7.747c-0.588-0.271-1.282-0.018-1.554,0.566l-2.495,5.403l-2.757-0.009
l-0.01,0.021c-0.006,0.013-0.015,0.022-0.021,0.034c-0.027,0.055-0.058,0.108-0.093,0.158c-0.012,0.016-0.025,0.029-0.037,0.044 c-0.644-0.002-1.166,0.52-1.165,1.165c0.004,0.646,0.526,1.17,1.173,1.171l3.505,0.012c0.039,0,0.076-0.009,0.112-0.013
c-0.035,0.044-0.072,0.087-0.114,0.126c-0.014,0.013-0.029,0.024-0.044,0.036c-0.043,0.037-0.087,0.071-0.135,0.101 c0.028-0.003,0.059-0.003,0.086-0.009c0.056-0.009,0.107-0.023,0.159-0.041c0.02-0.006,0.036-0.01,0.056-0.017
c-0.016,0.01-0.031,0.017-0.047,0.025c-0.05,0.028-0.101,0.054-0.154,0.074c-0.019,0.007-0.036,0.011-0.055,0.017 c0.053-0.021,0.104-0.046,0.153-0.074c0.017-0.008,0.031-0.015,0.047-0.025c0.049-0.029,0.093-0.063,0.136-0.101
c-0.052,0.017-0.104,0.032-0.159,0.041c-0.028,0.006-0.058,0.006-0.086,0.009c-0.037,0.004-0.074,0.012-0.113,0.012l-3.505-0.011 c0.015-0.012,0.029-0.023,0.044-0.036c0.042-0.039,0.079-0.082,0.113-0.126c0.013-0.015,0.025-0.028,0.037-0.044
c-0.646-0.001-1.169-0.525-1.172-1.171c-0.001-0.646,0.521-1.167,1.165-1.165l2.756,0.009L16.3,8.313 c0.035-0.05,0.066-0.104,0.094-0.158c0.006-0.012,0.015-0.021,0.021-0.034l0.01-0.021c0.003-0.007,0.006-0.013,0.01-0.02
c0.271-0.584,0.965-0.838,1.553-0.566C18.439,8.018,18.697,8.712,18.427,9.295z M20.597,14.174c0-1.262,2.409-1.262,2.409,0 l2.79-6.043C18.697,8.712,18.439,8.018,17.853,7.747z"/>
S20.597,15.436,20.597,14.174z"/> <path fill="#ECEDED" d="M20.597,14.174c0,1.263,2.408,1.263,2.408,0C23.006,12.912,20.597,12.912,20.597,14.174z"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB