From d2e9fcab0bf0527ceecfe3fb78f8d1f47fecb436 Mon Sep 17 00:00:00 2001 From: rajeshwarpatlolla Date: Thu, 21 Jul 2016 12:11:06 +0530 Subject: [PATCH] css issue fixed --- dist/ionic-toast.bundle.min.js | 2 +- src/ionic-toast.css | 14 +++++++++----- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/dist/ionic-toast.bundle.min.js b/dist/ionic-toast.bundle.min.js index 82cb013..5607534 100644 --- a/dist/ionic-toast.bundle.min.js +++ b/dist/ionic-toast.bundle.min.js @@ -1 +1 @@ -!function(t,o){var n=t.createElement("style");if(t.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=o);else try{n.innerHTML=o}catch(i){n.innerText=o}}(document,"\n.ionic_toast {\n color: #FFF;\n cursor: default;\n font-size: 1em;\n /*display: none;*/\n border-radius: 2px;\n opacity: 1;\n padding: 10px 25px;\n margin: 10px;\n position: fixed;\n left: 0;\n right: 0;\n text-align: center;\n background: rgba(0, 0, 0, 0.80);\n z-index: 9999;\n}\n\n.ionic_toast_top {\n top: 10px;\n}\n\n.ionic_toast_middle {\n top: 40%;\n}\n\n.ionic_toast_bottom {\n bottom: 10px;\n}\n\n.ionic_toast_close {\n border-radius: 2px;\n color: #CCCCCC;\n cursor: pointer;\n display: none;\n position: absolute;\n right: 4px;\n top: 4px;\n width: 20px;\n height: 20px;\n}\n\n.toast_close_icon {\n position: relative;\n top: 1px;\n}\n\n.ionic_toast_sticky .ionic_toast_close {\n display: block;\n}\n\n.ionic_toast_close:active {\n\n}"),angular.module("ionic-toast",["ionic-toast.provider"]),angular.module("ionic-toast.provider",[]).provider("ionicToast",function(){var t={position:"top",showClose:!1,theme:"dark",timeOut:4e3};this.configure=function(o){angular.extend(t,o)},this.$get=["$compile","$document","$interval","$rootScope","$templateCache","$timeout",function(o,n,i,e,s,a){var c={},l=e.$new(),p=t.timeOut,d={toastClass:"",toastMessage:"",toastStyle:{display:"none",opacity:0}},r={top:"ionic_toast_top",middle:"ionic_toast_middle",bottom:"ionic_toast_bottom"},u=o(s.get("ionic-toast/templates/ionic-toast.html"))(l);l.ionicToast=d,n.find("body").append(u);var _=function(t,o,n){l.ionicToast.toastStyle={display:t,opacity:o},l.ionicToast.toastStyle.opacity=o,n()};return l.hideToast=function(){_("none",0,function(){})},c.show=function(o,n,i,e){o&&(n=n||t.position,e=e||t.timeOut,e>1e4&&(e=1e4),angular.extend(l.ionicToast,{toastClass:r[n]+" "+(i?"ionic_toast_sticky":""),toastMessage:o}),_("block",1,function(){i||(p=a(function(){l.hideToast()},e))}))},c.hide=function(){l.hideToast()},c}]}),angular.module("ionic-toast").run(["$templateCache",function(t){var o='
';t.put("ionic-toast/templates/ionic-toast.html",o)}]); \ No newline at end of file +!function(t,n){var o=t.createElement("style");if(t.getElementsByTagName("head")[0].appendChild(o),o.styleSheet)o.styleSheet.disabled||(o.styleSheet.cssText=n);else try{o.innerHTML=n}catch(i){o.innerText=n}}(document,"\n.ionic_toast {\n z-index: 9999;\n}\n\n.toast_section {\n color: #FFF;\n cursor: default;\n font-size: 1em;\n display: none;\n border-radius: 5px;\n opacity: 1;\n padding: 10px 30px 10px 10px;\n margin: 10px;\n position: fixed;\n left: 0;\n right: 0;\n text-align: center;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.75);\n}\n\n.ionic_toast_top {\n top: 10px;\n}\n\n.ionic_toast_middle {\n top: 40%;\n}\n\n.ionic_toast_bottom {\n bottom: 10px;\n}\n\n.ionic_toast_close {\n border-radius: 2px;\n color: #CCCCCC;\n cursor: pointer;\n display: none;\n position: absolute;\n right: 4px;\n top: 4px;\n width: 20px;\n height: 20px;\n}\n\n.toast_close_icon {\n position: relative;\n top: 1px;\n}\n\n.ionic_toast_sticky .ionic_toast_close {\n display: block;\n}\n\n.ionic_toast_close:active {\n\n}"),angular.module("ionic-toast",["ionic-toast.provider"]),angular.module("ionic-toast.provider",[]).provider("ionicToast",function(){var t={position:"top",showClose:!1,theme:"dark",timeOut:4e3};this.configure=function(n){angular.extend(t,n)},this.$get=["$compile","$document","$interval","$rootScope","$templateCache","$timeout",function(n,o,i,e,s,a){var c={},l=e.$new(),p=t.timeOut,d={toastClass:"",toastMessage:"",toastStyle:{display:"none",opacity:0}},r={top:"ionic_toast_top",middle:"ionic_toast_middle",bottom:"ionic_toast_bottom"},u=n(s.get("ionic-toast/templates/ionic-toast.html"))(l);l.ionicToast=d,o.find("body").append(u);var _=function(t,n,o){l.ionicToast.toastStyle={display:t,opacity:n},l.ionicToast.toastStyle.opacity=n,o()};return l.hideToast=function(){_("none",0,function(){})},c.show=function(n,o,i,e){n&&(o=o||t.position,e=e||t.timeOut,e>1e4&&(e=1e4),angular.extend(l.ionicToast,{toastClass:r[o]+" "+(i?"ionic_toast_sticky":""),toastMessage:n}),_("block",1,function(){i||(p=a(function(){l.hideToast()},e))}))},c.hide=function(){l.hideToast()},c}]}),angular.module("ionic-toast").run(["$templateCache",function(t){var n='
';t.put("ionic-toast/templates/ionic-toast.html",n)}]); \ No newline at end of file diff --git a/src/ionic-toast.css b/src/ionic-toast.css index 365e744..be1c10b 100644 --- a/src/ionic-toast.css +++ b/src/ionic-toast.css @@ -1,19 +1,23 @@ .ionic_toast { + z-index: 9999; +} + +.toast_section { color: #FFF; cursor: default; font-size: 1em; - /*display: none;*/ - border-radius: 2px; + display: none; + border-radius: 5px; opacity: 1; - padding: 10px 25px; + padding: 10px 30px 10px 10px; margin: 10px; position: fixed; left: 0; right: 0; text-align: center; - background: rgba(0, 0, 0, 0.80); z-index: 9999; + background-color: rgba(0, 0, 0, 0.75); } .ionic_toast_top { @@ -50,5 +54,5 @@ } .ionic_toast_close:active { - + } \ No newline at end of file