Issue #2340363: Styling for issue comment attribution

sass/partials/common/_forms.scss

@@ -39,6 +39,7 @@ input[type="radio"] {
   }
 }
 
+.fieldset-description,
 .description {
   color: darken($grey, 20%);
   font-size: 0.8125em;

sass/partials/drupalorg/_issue-page.scss

@@ -278,6 +278,50 @@ table.nodechanges-file-changes {
   }
 }
 
+fieldset.group-issue-attribution {
+  &:not(.filter-wrapper):not(.vertical-tabs-pane):not(#edit-advanced) {
+    background: none;
+  }
+  padding: 0;
+  html.js & legend {
+    display: none;
+  }
+  .organization, .customer {
+    background: $pale-yellow;
+    padding: 0.3em;
+    border-radius: 5px;
+  }
+  .field-name-field-attribute-contribution-to,
+  .field-name-field-for-customer {
+    background: $pale-yellow;
+    padding: 1em;
+    border-radius: 0.5em;
+    position: absolute; // Stay with flow for top, JS sets left.
+    margin-top: 0.8em;
+    box-shadow: 0 0 20px nth($greys, 12);
+
+    &:after { // Arrow
+      bottom: 100%;
+      left: 50%;
+      border: solid transparent;
+      content: " ";
+      height: 0;
+      width: 0;
+      position: absolute;
+      pointer-events: none;
+      border-bottom-color: $pale-yellow;
+      border-width: 1em;
+      margin-left: -1em;
+    }
+  }
+  .all-me {
+    display: block;
+  }
+  .fieldset-description {
+    float: left; // Pull out of flow so bubbles stick to "Attribute this contribution to" line.
+  }
+}
+
 #drupalorg-issue-credit-form {
   #edit-message {
     width: 100%;