Merge pull request #5 from pkmnct/switch-to-noty

Switch to Noty
pkmnct · Jun 29, 2019 · 46803ad · 46803ad
2 parents 36ebc5c + 2ba1554
commit 46803ad
Show file tree

Hide file tree

Showing 13 changed files with 3,865 additions and 962 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
-## This Chrome Extension is deprecated. Mint now supports adding Robinhood accounts natively.
-The extension may continue to work, but will add the Robinhood balance as a _collectible_. If you [add Robinhood to Mint natively](https://help.mint.com/General/888961131/How-do-I-add-a-new-account-in-Mint.htm) the balance will show up under investments. Any changes made to Robinhood or Mint in the future could break this extension.
+## Important Note: Mint now supports adding Robinhood accounts natively.
+The extension should continue to work, but will add the Robinhood balance as a _collectible_. If you [add Robinhood to Mint natively](https://help.mint.com/General/888961131/How-do-I-add-a-new-account-in-Mint.htm) the balance will show up under investments. Any changes made to Robinhood or Mint in the future could break this extension.
 
 <img src="https://raw.githubusercontent.com/pkmnct/robinhood-mint-sync-chrome/master/images/icon512.png" alt="Mint and Robinhood Sync Icon" width="128" height="128">
 

diff --git a/css/macOSNotif.min.css b/css/macOSNotif.min.css
diff --git a/css/mint-overview.css b/css/mint-overview.css
@@ -36,20 +36,40 @@
     font-weight: bold;
 }
 
-.macOSNotif_Image {
-    padding: 1.5em .4em;
-    width: 32px !important;
+.notification-image {
+    padding: 1.5em;
+    padding-left: .75em;
+    max-width: 32px;
+    float: left;
+}
+
+.notification-title {
+    padding: 1em 0;
 }
-.macOSNotif_Text {
-    text-decoration: none !important;
-    cursor: unset !important;
+
+.notification-action {
+    display: flex;
+    justify-content: flex-end;
 }
-.macOSNotif_Title {
-  text-overflow: unset !important;
+
+.notification-action-link {
+    margin: 1em;
+    padding: .5em 1em;
+    margin-top: .5em;
+    background-color: rgba(0,0,0,.07);
+    color: inherit;
 }
-.macOSNotif_Subtitle {
-    font-size: 11px !important;
+
+.notification-action-link:hover {
+    background-color: rgba(0,0,0,.15);
+    text-decoration: none;
 }
-.macOSNotif_Button {
-    text-decoration: none !important;
+
+.notification-wrapper {
+    display: flex;
 }
+
+.notification-right {
+    display: flex;
+    flex-direction: column;
+}