Author: hnategh
New Revision: 55172
URL: http://svn.stylite.de/viewvc/egroupware?rev=55172&view=rev
Log:
Mobile theme W.I.P.:
- Fix checkboxes size
- Fix styling of slideSwitch
Added:
trunk/pixelegg/images/done.svg
trunk/pixelegg/images/topmenu_items/mobile/checkbox.svg
Modified:
trunk/infolog/templates/mobile/edit.xet
trunk/pixelegg/mobile/fw_mobile.css
trunk/pixelegg/mobile/fw_mobile.less
— trunk/infolog/templates/mobile/edit.xet (original)
+++ trunk/infolog/templates/mobile/edit.xet Fri Feb 26 18:02:44 2016
@@ -171,7 +171,7 @@
-
<button align="right" statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
-
<button statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
<buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/>
<checkbox label="notification" id="no_notifications"/>
</hbox>
@@ -239,9 +239,6 @@
-
<row>
-
-
</row>
</rows>
</grid>
— trunk/pixelegg/images/done.svg (added)
+++ trunk/pixelegg/images/done.svg Fri Feb 26 18:02:44 2016
@@ -1,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+
+<svg version=“1.1” id=“Ebene_1” xmlns=“http://www.w3.org/2000/svg” xmlns:xlink=“http://www.w3.org/1999/xlink” x=“0px” y=“0px”
- width=“32px” height=“32px” viewBox=“0 0 32 32” enable-background=“new 0 0 32 32” xml:space=“preserve”>
+
-
-
<path fill="none" stroke="#616463" stroke-miterlimit="10" d="M26.231,0.709H5.997c-2.793,0-5.059,2.266-5.059,5.059v20.236
-
c0,2.795,2.266,5.06,5.059,5.06h20.236c2.795,0,5.061-2.265,5.061-5.06V5.768C31.292,2.975,29.026,0.709,26.231,0.709z
-
M28.257,24.991c0,1.676-1.359,3.036-3.035,3.036H7.008c-1.676,0-3.035-1.36-3.035-3.036V6.78c0-1.676,1.359-3.035,3.035-3.035
-
h18.213c1.676,0,3.035,1.358,3.035,3.035V24.991z"/>
-
+
+<path fill=“none” stroke="#616463" stroke-miterlimit=“10” d="M9.791,23.081c0.618,0.52,1.429,0.768,2.239,0.754
- c0.293,0.012,0.581-0.047,0.862-0.141c0.463-0.123,0.904-0.307,1.271-0.613l10.93-9.236c1.209-1.02,1.209-2.674,0-3.694
- c-1.207-1.02-3.164-1.02-4.373,0l-8.766,7.409l-1.628-1.654c-0.98-0.992-2.57-0.992-3.55,0c-0.98,0.996-0.98,2.607,0,3.599
- C6.777,19.505,8.791,22.054,9.791,23.081z"/>
+
— trunk/pixelegg/images/topmenu_items/mobile/checkbox.svg (added)
+++ trunk/pixelegg/images/topmenu_items/mobile/checkbox.svg Fri Feb 26 18:02:44 2016
@@ -1,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+
+<svg version=“1.1” id=“Ebene_1” xmlns=“http://www.w3.org/2000/svg” xmlns:xlink=“http://www.w3.org/1999/xlink” x=“0px” y=“0px”
- width=“32px” height=“32px” viewBox=“0 0 32 32” enable-background=“new 0 0 32 32” xml:space=“preserve”>
+
-
-
<path fill="#FFFFFF" stroke="#616463" stroke-miterlimit="10" d="M26.231,0.709H5.997c-2.793,0-5.059,2.266-5.059,5.059v20.236
-
c0,2.795,2.266,5.06,5.059,5.06h20.236c2.795,0,5.061-2.265,5.061-5.06V5.768C31.292,2.975,29.026,0.709,26.231,0.709z
-
M28.257,24.991c0,1.676-1.359,3.036-3.035,3.036H7.008c-1.676,0-3.035-1.36-3.035-3.036V6.78c0-1.676,1.359-3.035,3.035-3.035
-
h18.213c1.676,0,3.035,1.358,3.035,3.035V24.991z"/>
-
+
+
— trunk/pixelegg/mobile/fw_mobile.css (original)
+++ trunk/pixelegg/mobile/fw_mobile.css Fri Feb 26 18:02:44 2016
@@ -7078,6 +7078,10 @@
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 @@
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 @@
body #popupMainDiv .et2_link,
body #popupMainDiv .et2_label,
body #popupMainDiv input {
- height: 32px;
}
body #popupMainDiv .et2_button_with_image,
body #popupMainDiv .et2_button_text {
@@ -7850,4 +7855,38 @@
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;
- }
+}
— trunk/pixelegg/mobile/fw_mobile.less (original)
+++ trunk/pixelegg/mobile/fw_mobile.less Fri Feb 26 18:02:44 2016
@@ -296,6 +296,7 @@
#egw_fw_sidemenu img[src$=".svg"] {
background: none;
box-shadow: none;
@@ -785,7 +786,7 @@
font-family: Verdana, “Lucida Grande”, Helvetica, Sans-Serif;
}
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
@@ -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;
-
}
-
}
-
}
}
}
Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs
