Relationship Field in Sidebar (css attached)

• dotKev

• August 16, 2013 at 7:45 am

I needed a relationship field in the sidebar and of course it doesn’t fit.

Here’s my SASS CSS for my admin.css that overrides the default.

// sidebar acf relationship field
#side-sortables .acf_relationship {
  .relationship_left,
  .relationship_right {
    width: 100%;
    float: none;
  }
  .relationship_right {
    ul {
      margin-left: 0;
    }
    &:before {
      content: "⬇";
      display: block;
      font-size: 16px;
      text-align: center;
      padding: .5em 0;
    }
  }
}

Works well for me, but untested in anything but Google Chrome. I get to control the admin user’s browser. 🙂

See attached screenshot.

Thanks a million for ACF!

relationship....png

• Elliot

• August 16, 2013 at 2:35 pm

Nice one!