Made the look consistent across browsers and platforms too

9 years ago · d2c731b1e4
parent b8cd4a405c
commit d2c731b1e4
3 changed files with 4 additions and 2 deletions
--- a/css/af.ui.css
+++ b/css/af.ui.css
@ -2308,7 +2308,8 @@ input[type="checkbox"]:checked + label:before {
 }
 .firefox .view header {
  /* background: #00a900; */
-  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
+  // background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
+  background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */

  color: #ffffff;
  border-color: transparent;
--- a/index.html
+++ b/index.html
@ -40,7 +40,7 @@
        <script type="text/javascript" src="js/libs/l10n.js" defer></script>
    </head>
    <body>
-        <div id="afui">
+        <div id="afui" class="firefox">
            <div class="view" id="mainview">
                <header>
                   <h1 data-l10n-id="app_title">ToDo List</h1>
--- a/js/init.js
+++ b/js/init.js
@ -15,6 +15,7 @@
 */

 $.afui.autoLaunch = false; //By default, it is set to true and you're app will run right away.  We set it to false to show a splashscreen
+$.afui.useOSThemes = false;
    /* This function runs when the content is loaded.*/
     $(document).ready(function(){
        setTimeout(function(){