emacs-elpa-diffs
[Top][All Lists]
Advanced
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[nongnu] elpa/gruvbox-theme 129f10a5be 113/258: Cleanup main.js and HTML

From: ELPA Syncer
Subject: [nongnu] elpa/gruvbox-theme 129f10a5be 113/258: Cleanup main.js and HTML
Date: Sat, 1 Jan 2022 01:59:35 -0500 (EST) 
branch: elpa/gruvbox-theme
commit 129f10a5be0f3db1df1da654e4607d59a1c1f019
Author: Jasonm23 <jasonm23@gmail.com>
Commit: Jasonm23 <jasonm23@gmail.com>

    Cleanup main.js and HTML
    
    - fix head elements / title
    - fix cssClassAfter
---
 palette/gruvbox-theme-colors.html | 3 ++-
 palette/js/main.js                | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/palette/gruvbox-theme-colors.html 
b/palette/gruvbox-theme-colors.html
index c88c3b2b0a..8061d0e36c 100644
--- a/palette/gruvbox-theme-colors.html
+++ b/palette/gruvbox-theme-colors.html
@@ -10,7 +10,8 @@
     </head>
     <body>
       <div id="app">
-        <h1>{{title}}</h1>
+        <h1>GRUVBOX for Emacs</h1>
+        <h2>PALETTE</h2>
         <div v-for="paletteGroup in paletteGroups">
           <palette-group v-bind:title="paletteGroup.title"
                          v-bind:prefix="paletteGroup.prefix"
diff --git a/palette/js/main.js b/palette/js/main.js
index 0bd1b0597f..22f31a3587 100644
--- a/palette/js/main.js
+++ b/palette/js/main.js
@@ -107,7 +107,6 @@ window.onload=function(){
   var app = new Vue({
     el: '#app',
     data: {
-      title: 'GRUVBOX for Emacs',
       paletteGroups: [
         {
           title: "DARK TONES",
@@ -191,7 +190,7 @@ window.onload=function(){
           ]
         },
         {
-          title:"SOLONOTES",
+          title:"SOLO NOTES",
           prefix: "",
           colors:[
             "sienna",
@@ -220,7 +219,7 @@ window.onload=function(){
 Vue.component('palette-group', {
   props: ['title', 'colors', 'prefix'],
   template: `<div class="palette-group">
-               <h2>{{title}}</h2>
+               <h3>{{title}}</h3>
                <swatch v-for="swatch in colors"
                        v-bind:prefix="prefix"
                        v-bind:content="swatch">
@@ -242,6 +241,7 @@ Vue.component('swatch', {
                <div v-bind:class="cssClass">
                  <div class="content">{{unprefixed}}</div>
                  <div class="color-label">{{color}}</div>
+                 <div class="xterm" v-if="isXterm">Xterm 256</div>
                </div>
                <div v-bind:class="cssClassAfter"></div>
              </div>
@@ -251,7 +251,7 @@ Vue.component('swatch', {
       return `gruvbox-${this.content}${this.isXterm == "true" ? "-xterm" : 
""}`;
     },
     cssClassAfter: function(){
-      return `gruvbox-${this.content}${this.isXterm == "true" ? "-xterm" : 
""}-after`;
+      return `${this.cssClass}-after`;
     },
     color: function(){
       return palette[`${this.content}${this.isXterm == "true" ? "-xterm" : 
""}`];
reply via email to
[Prev in Thread] Current Thread [Next in Thread]