maily 0.12.1 → 0.12.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e2d3eb5fa12bff5214c0c3bf8279fa4ae87e1c2a1fa7e0d3ff15600576f836f
-  data.tar.gz: 5cb5fb89ad2e8a3c710f91e42c4ddaf7003a5673d96e71a5d23d9132a8036388
+  metadata.gz: 1d38fbf8d086c1aade273877ebf112b0277001e6f6d585a63b86783086ac22c3
+  data.tar.gz: c31053939be691ddc0870035ae244de39aa29a2b7346bf038ea330fcbc5ea89b
 SHA512:
-  metadata.gz: 3c4bcb08461590baedc7d0db69e49e9df161db4c79aa9339b1623147a89e66a0e1e4e9af4cf97b213b6370687c1ba9afef940640473af665f93fa10172536967
-  data.tar.gz: 50b5ad7a8155169dcda86df69b76fae8d30eed92d1634b9dfbec5aedfc1db07ba8b39129069b4b98efc786412fb115940820f8d409d8786c941549c73c8c5daf
+  metadata.gz: eb6e44d06a0e7b8ea53d66b961d388254d6b789d2d1de2489ea9b4d93461c161534402dd6e4d91b2e4fb4061b4c64c7e63f130abdf3d7a6ab523003062ea5ffc
+  data.tar.gz: a85efd1d8719d2adc5d9e312a061f2aa897506dedd47f82462f36fd86103133478851a3dd6af44dfa4d79e9d2e5eb7510b84d81d3f70269c1d7c6cc62889452e

data/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file.
 
+## [0.12.2]
+
+- Refine logo and UI (#45)
+
 ## [0.12.1]
 
 - Sprockets v4 fixes (#44)
@@ -131,6 +135,7 @@ All notable changes to this project will be documented in this file.
 
 - First real usable release :tada:
 
+[0.12.2]: https://github.com/markets/maily/compare/v0.12.1...v0.12.2
 [0.12.1]: https://github.com/markets/maily/compare/v0.12.0...v0.12.1
 [0.12.0]: https://github.com/markets/maily/compare/v0.11.0...v0.12.0
 [0.11.0]: https://github.com/markets/maily/compare/v0.10.1...v0.11.0

data/app/assets/stylesheets/maily/_variables.scss

@@ -1,6 +1,5 @@
 $blue: #59abc6;
-$red: #a94442;
 $grey: #ccc;
 $darkgrey: #666;
-$textColor: #444;
+$textColor: #333;
 $linkColor: $blue;

data/app/assets/stylesheets/maily/application.scss

@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:light");
-
 @import "maily/variables";
 
 /* Body */
@@ -23,19 +21,17 @@ input {
   font-family: inherit;
   height: 1.2em;
   border: solid 1px $grey;
-  border-radius: 2px;
+  border-radius: 6px;
   background: #fff;
   line-height: 1;
+  padding-left: 0.5em;
 }
 
-::-webkit-input-placeholder {
-  padding: 0 .2em;
-  vertical-align: bottom;
+::-webkit-input-placeholder, ::-moz-placeholder {
   font-weight: 300;
+  font-size: 0.8em;
+  color: red;
 }
-:-moz-placeholder { font-size: 0.6em; }
-::-moz-placeholder { font-size: 0.6em; }
-:-ms-input-placeholder { font-size: 0.6em; }
 
 /* Header */
 header.header, footer.footer {
@@ -47,19 +43,23 @@ header.header, footer.footer {
 }
 
 header.header {
-  padding: 1em;
+  padding: 0.6em;
   top: 0;
   box-shadow: 0 .0625em .3125em rgba(0,0,0, .15);
 
   .logo_link {
-    color: $textColor;
-    font: 400 2em/1 'Josefin Sans';
-    margin-left: 10px;
+    margin-left: 1em;
 
-    img, span {
-      vertical-align: text-bottom;
+    img {
+      height: 45px;
     }
   }
+
+  .back_to_app {
+    float: right;
+    margin-right: 2em;
+    margin-top: 1em;
+  }
 }
 
 /* Footer */
@@ -67,7 +67,7 @@ footer.footer {
   padding: 0 1em;
   bottom: 0;
   box-shadow: 0 -.0625em .3125em rgba(0,0,0, .15);
-  font-family: "Helvetica Neue", Helvetica, sans-serif;
+  font-family: inherit;
   font-size: .9em;
 }
 
@@ -110,6 +110,8 @@ footer.footer {
 
     li.languages {
       float: right;
+
+      a { font-size: 0.9em; }
     }
   }
 
@@ -175,7 +177,7 @@ footer.footer {
       padding-top: 1em;
       border: none;
       border-top: solid 1px $grey;
-      border-radius: 2px;
+      border-radius: 3px;
       min-height: 100px;
     }
   }
@@ -186,6 +188,7 @@ footer.footer {
   }
 
   .button {
+    cursor: pointer;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     padding: 0;
@@ -262,19 +265,9 @@ aside.sidebar {
           text-decoration: none;
           font-size: .9em;
 
-          &.selected_mail {
+          &:hover, &.selected_mail {
             color: darken($linkColor, 20%);
             font-weight: bold;
-
-            &:before {
-              content: "\003E";
-              font-weight: bolder;
-              font-size: 1.2em;
-              margin-right: 2px;
-            }
-          }
-          &:hover {
-            color: darken($linkColor, 20%);
           }
         }
       }
@@ -287,12 +280,6 @@ aside.sidebar {
   border-radius: 3px;
   padding: 16px;
   margin-bottom: 1.1em;
-}
-.alert-warning {
-  color: $red;
-  background-color: lighten($red, 40%);
-}
-.alert-success {
   color: #fff;
   background-color: darken($blue, 20%);
 }
@@ -302,4 +289,4 @@ img.icon {
   width: 20px;
   font-size: .9em;
   vertical-align: bottom;
-}
+}

data/app/views/maily/shared/_flash_messages.html.erb

@@ -1,7 +1,7 @@
 <% if flash[:alert].present? %>
-  <div class="alert alert-warning"><%= flash[:alert].html_safe %></div>
+  <div class="alert"><%= flash[:alert].html_safe %></div>
 <% end %>
 
 <% if flash[:notice].present? %>
-  <div class="alert alert-success"><%= flash[:notice].html_safe %></div>
-<% end %>
+  <div class="alert"><%= flash[:notice].html_safe %></div>
+<% end %>

data/app/views/maily/shared/_header.html.erb

@@ -1,6 +1,9 @@
 <header class="header">
   <a href="<%= root_path %>" class="logo_link">
-    <%= image_tag 'maily/logo.png', align: 'center', width: 40 %>
-    <span>Maily</span>
+    <%= image_tag 'maily/logo.png' %>
+  </a>
+
+  <a href="<%= main_app.root_path %>" class="back_to_app">
+    Back to app
   </a>
 </header>

data/lib/maily/version.rb

@@ -1,3 +1,3 @@
 module Maily
-  VERSION = "0.12.1"
+  VERSION = "0.12.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: maily
 version: !ruby/object:Gem::Version
-  version: 0.12.1
+  version: 0.12.2
 platform: ruby
 authors:
 - markets
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-21 00:00:00.000000000 Z
+date: 2020-05-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails