diff --git a/infolog/templates/mobile/edit.xet b/infolog/templates/mobile/edit.xet
index a30813bcdd..8684b3de5d 100644
--- a/infolog/templates/mobile/edit.xet
+++ b/infolog/templates/mobile/edit.xet
@@ -171,7 +171,7 @@
-
+
@@ -239,9 +239,6 @@
-
-
-
diff --git a/pixelegg/images/done.svg b/pixelegg/images/done.svg
new file mode 100644
index 0000000000..3549d81739
--- /dev/null
+++ b/pixelegg/images/done.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/pixelegg/images/topmenu_items/mobile/checkbox.svg b/pixelegg/images/topmenu_items/mobile/checkbox.svg
new file mode 100644
index 0000000000..5665378b9f
--- /dev/null
+++ b/pixelegg/images/topmenu_items/mobile/checkbox.svg
@@ -0,0 +1,14 @@
+
+
+
+
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index fc78471954..476b8312f2 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7078,6 +7078,10 @@ span.egw_tutorial_title {
body {
/*Chosen*/
/* View mode styles*/
+ /***************CHECKBOX *************/
+ /**************************************/
+ /*************** SLIDESWITCH **********/
+ /***************************************/
}
body span.egw_fw_mobile_popup_close.loaded {
background-image: url(../images/topmenu_items/mobile/back.svg);
@@ -7135,6 +7139,7 @@ span.egw_tutorial_title {
body #egw_fw_basecontainer #egw_fw_sidemenu img[src$=".svg"] {
background: none;
box-shadow: none;
+ border: none;
}
body #egw_fw_basecontainer #egw_fw_main img[src$="svg"],
body #egw_fw_basecontainer #egw_fw_footer img[src$="svg"] {
@@ -7618,7 +7623,7 @@ span.egw_tutorial_title {
body #popupMainDiv .et2_link,
body #popupMainDiv .et2_label,
body #popupMainDiv input {
- height: 25px;
+ height: 32px;
}
body #popupMainDiv .et2_button_with_image,
body #popupMainDiv .et2_button_text {
@@ -7850,4 +7855,38 @@ span.egw_tutorial_title {
border: none;
box-shado: none;
}
+ body input[type="checkbox"] {
+ width: 32px !important;
+ height: 32px !important;
+ }
+ body input[type="checkbox"]:before {
+ content: "";
+ width: 32px;
+ height: 32px;
+ background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important;
+ display: inline-block;
+ }
+ body input[type="checkbox"]:checked {
+ background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important;
+ width: 32px !important;
+ height: 32px !important;
+ }
+ body span.et2_checkbox_slideSwitch {
+ height: 50px;
+ vertical-align: bottom;
+ }
+ body span.et2_checkbox_slideSwitch input {
+ height: 100% !important;
+ }
+ body span.et2_checkbox_slideSwitch span.slideSwitch_container {
+ border-radius: 15px;
+ margin-top: 15px;
+ box-shadow: inset 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2);
+ }
+ body span.et2_checkbox_slideSwitch span.slideSwitch_container a {
+ background-color: #E0E0E0;
+ border-radius: 50%;
+ box-shadow: 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2);
+ z-index: 2;
+ }
}
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 778770429f..4256b2f4c2 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -296,6 +296,7 @@
#egw_fw_sidemenu img[src$=".svg"] {
background: none;
box-shadow: none;
+ border:none;
}
#egw_fw_main img[src$="svg"], #egw_fw_footer img[src$="svg"] {
background:none;
@@ -785,7 +786,7 @@
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
- height:25px;
+ height:32px;
}
.et2_button_with_image, .et2_button_text {
height: 46px;
@@ -1049,5 +1050,46 @@
border:none;
box-shado:none;
}
+
+ /***************CHECKBOX *************/
+ /**************************************/
+ input[type="checkbox"] {
+ width: 32px !important;
+ height: 32px !important;
+ }
+
+ input[type="checkbox"]:before {
+ content:"";
+ width:32px;
+ height:32px;
+ background-image:url(../images/topmenu_items/mobile/checkbox.svg) !important;
+ display:inline-block;
+ }
+ input[type="checkbox"]:checked{
+ background-image:url(../images/topmenu_items/mobile/checkbox.svg) !important;
+ width:32px !important;
+ height:32px !important;
+ }
+
+ /*************** SLIDESWITCH **********/
+ /***************************************/
+ span.et2_checkbox_slideSwitch {
+ height: 50px;
+ vertical-align: bottom;
+ input {
+ height: 100% !important;
+ }
+ span.slideSwitch_container {
+ border-radius: 15px;
+ margin-top: 15px;
+ box-shadow: inset 0 2px 2px rgb(71, 71, 71), 0 0px 0 rgba(255, 255, 255, 0.2);
+ a {
+ background-color: #E0E0E0;
+ border-radius: 50%;
+ box-shadow: 0 2px 2px rgb(71, 71, 71), 0 0px 0 rgba(255, 255, 255, 0.2);
+ z-index: 2;
+ }
+ }
+ }
}
}