holyketzer/activeadmin-async_panel

View on GitHub
app/assets/stylesheets/activeadmin-async_panel.scss.erb

Summary

Maintainability
Test Coverage
.async-panel.panel.processing {
  h3 {
    background: url(<%= asset_path('loading-icon.gif') %>) 99% 50% no-repeat;
    background-size: 27px;
  }
}
.async-panel.panel.clickable {
  h3 {
    &:hover {
      cursor: pointer;
    }

    &::after {
      float: right;
      content: 'Click to Load';
      padding: 0.25rem 0.5rem;
      background-image: linear-gradient(180deg, #fff, #E7E7E7);
      cursor: pointer;
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
      height: 1rem;
      margin-top: -0.25rem;
      margin-right: -0.55rem;
    }
  }
}