stash

frontend/src/scss/_dropdown.scss

@@ -0,0 +1,62 @@
+.dropdown-menu-header {
+  padding: .75rem;
+  text-align: center;
+  font-weight: 600;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.dropdown-menu-footer {
+  padding: .5rem;
+  text-align: center;
+  display: block;
+  font-size: .75rem;
+}
+
+.dropdown-menu-lg {
+  min-width: 20rem;
+}
+
+.dropdown-menu {
+  color: #495057;
+}
+
+.dropdown .list-group .list-group-item:first-child, .dropdown .list-group .list-group-item:last-child {
+  border-radius: 0;
+}
+
+.dropdown .list-group .list-group-item {
+  border-width: 0 0 1px;
+  margin-bottom: 0;
+}
+
+.small, small {
+  font-size: 80%;
+}
+
+.navbar .avatar {
+  margin-top: -15px;
+  margin-bottom: -15px;
+}
+
+.avatar {
+  width: 40px;
+  height: 40px;
+}
+
+.dropdown-toggle::after {
+  margin-left: .255em;
+  vertical-align: .255em;
+  content: "";
+  border-top: .3em solid;
+  border-right: .3em solid transparent;
+  border-bottom: 0;
+  border-left: .3em solid transparent;
+}
+
+.dropdown-toggle::after {
+  border: solid;
+  border-width: 0 2px 2px 0;
+  display: inline-block;
+  padding: 2px;
+  transform: rotate(45deg);
+}

frontend/src/scss/_forms.scss

@@ -9,6 +9,11 @@
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 
+.form-control::placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
 .form-control-lg {
   height: initial;
   min-height: calc(2.0875rem + 2px);

frontend/src/scss/toolshed.scss

@@ -91,6 +91,7 @@ $body-color: $gray-700;
 @import "card";
 @import "forms";
 @import "tags";
+@import "dropdown";
 
 #root, body, html {
   height: 100%;