Styling changes

- change app titles to ublockstack extension - fix applet size for longer titles
MichaelFedora · Dec 16, 2018 · 1db578a · 1db578a
1 parent eed6376
commit 1db578a
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 12 deletions.
diff --git a/src/auth/index.html b/src/auth/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Blockstack Extension - Sign In Request</title>
+    <title>uBlockstack Extension - Sign In Request</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

diff --git a/src/main/app/app.vue b/src/main/app/app.vue
@@ -3,8 +3,8 @@
   <nav class='navbar' role='navigation' aria-label='main navigation'>
     <div class='navbar-brand'>
       <router-link class='navbar-item hover-underline-child' to='/'>
-        <img src='/assets/images/icon-48.png' alt='Blockstack'>
-        <span class='title is-5' style='position: relative'>Blockstack Extension</span>
+        <img src='/assets/images/icon-48.png' alt='uB'>
+        <span class='title is-5' style='position: relative'>uBlockstack Extension</span>
       </router-link>
       <a role='button' class='navbar-burger' :class='{ "is-active": showMenu }' aria-label='menu' aria-expanded='false' @click='showMenu = !showMenu'>
         <span aria-hidden='true'></span>

diff --git a/src/main/components/applet/applet.vue b/src/main/components/applet/applet.vue
@@ -8,14 +8,14 @@
 <a :href='app.website' target='_blank' rel='noopener noreferrer'><figure><img :src='app.imageUrl'></figure></a>
 </b-tooltip>
 <a v-else :href='app.website' target='_blank' rel='noopener noreferrer'><figure><img :src='app.imageUrl'></figure></a>
-<span class='name'>{{app.name}}</span>
+<span class='name'><span>{{app.name}}</span></span>
 </a>
 </template>
 <script src='./applet.ts'></script>
 <style lang='scss'>
 #bs-main-applet {
   position: relative;
-  height: 128px;
+  height: 150px;
   width: 100px;
   color: inherit;
   cursor: inherit;
@@ -60,7 +60,7 @@
     opacity: 1;
   }
 
-  > span.tooltip {
+  > spanspan.tooltip {
     padding: 0;
   }
 
@@ -85,10 +85,16 @@
   }
 
   > span.name {
-    text-align: center;
     width: 100%;
     padding: 0 0.5rem;
-    font-weight: 600;
+    flex-grow: 1;
+    display: flex;
+    align-items: center;
+    > span {
+      text-align: center;
+      width: 100%;
+      font-weight: 600;
+    }
   }
 }
 </style>
diff --git a/src/main/index.html b/src/main/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Blockstack Extension</title>
+    <title>uBlockstack Extension</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

diff --git a/src/main/router.ts b/src/main/router.ts
@@ -25,8 +25,8 @@ router.beforeEach((to, from, next) => {
   if(to.path !== from.path) {
     if(to.path.length > 1) {
       const paths = to.path.slice(1).split('/').map(a => a[0].toLocaleUpperCase() + a.slice(1)).join(' - ');
-      document.title = 'Blockstack Extension - ' + paths;
-    } else document.title = 'Blockstack Extension';
+      document.title = 'uBlockstack Extension - ' + paths;
+    } else document.title = 'uBlockstack Extension';
   }
   next();
 });

diff --git a/src/popup/index.html b/src/popup/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Blockstack Extension</title>
+    <title>uBlockstack Extension</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />