Toggle between Link / Short Link / HTML

2013-07-31 12:19:59 -07:00 · 2013-07-31 12:19:59 -07:00 · 98cd01c40d
commit 98cd01c40d
parent a3d69ee264
3 changed files with 59 additions and 28 deletions
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@ -637,6 +637,33 @@ a.donate {
 }

 .share-ui {
+  .share-tabs {
+    margin-bottom: 10px;
+
+    label {
+      background-color: $lightblue;
+      padding: 5px 10px;
+    }
+
+    label:first-child {
+      border-right: 1px solid #fff;
+      border-radius: 4px 0 0 4px;
+    }
+
+    label:last-child {
+      border-left: 1px solid #fff;
+      border-radius: 0 4px 4px 0;
+    }
+
+    label.active {
+      background-color: $blue;
+    }
+  }
+
+  .share-tab {
+    display: none;
+  }
+
  .share-link {
    #long_input,
    #short_input {