Answers.Body: <p>Finding nothing better, I made my own Seven subtheme <a href="https://github.com/MegaphoneJon/civi_seven" rel="nofollow noreferrer">civi_seven</a>.</p>
  
  <p>CSS is definitely not my strong suit, but the net result is definitely an improvement on the existing options.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-23T06:14:50.267Z
Answers.LastActivityDate: 2018-01-23T06:14:50.267Z
Answers.UserDisplayName: Jon G - Megaphone Tech
Answers.Body: <p>I haven't seen one. Usually in cases like this I just make changes to the theme myself to account for things like this. Themes often times only take Drupal, its core modules, and some of the major add-ons into consideration for its theme. So when you use something else, like CiviCRM, you have to make changes yourself for usability.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-04T00:06:40.333Z
Answers.LastActivityDate: 2018-01-04T00:06:40.333Z
Answers.UserDisplayName: Jenni Simonis
Body: <p>By default, CiviCRM on Drupal's "Bartik" theme and Backdrop's "Basis" and "Seven" themes cause CiviCRM inline fields to display with horizontal scroll bars, which hurts usability (see screenshot 1).</p>
  
  <p>In Drupal, the <a href="https://www.drupal.org/project/civi_bartik" rel="nofollow noreferrer">civi_bartik</a> theme fixes this (see screenshot 2).  Is there an equivalent theme for Backdrop CMS?</p>
  
  <p><a href="https://i.sstatic.net/2ojMO.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/2ojMO.png" alt="enter image description here"></a>
  <a href="https://i.sstatic.net/C2EGo.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/C2EGo.png" alt="enter image description here"></a></p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2018-01-04T19:16:19.713Z
Comments.Text: Does `civi_bartik` just force the wrapper/container to be wider or is it doing something else? I just did a quick test in Seven and changing `.container` to have a max-width of 1250px appears to be enough (if your screen is big enough). This doesn't help on smaller screens of course.
Comments.UserDisplayName: Laryn
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2022-04-21T21:04:53.793Z
Comments.Text: Has this been improved in CiviCRM core in recent years? Seems to be better out of the box.
Comments.UserDisplayName: Laryn
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2022-04-21T21:23:12.817Z
Comments.Text: @Laryn-CEDC.org Yes, there's been a JS fix to handle this.  I'm wondering if it makes sense to delete this question?  There's no supported version of Civi where this would be an issue.
Comments.UserDisplayName: Jon G - Megaphone Tech
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2022-04-22T16:39:14.920Z
Comments.Text: Maybe so in that case.
Comments.UserDisplayName: Laryn
Tags: <theme><usability><backdrop><ux>
Title: Which Backdrop themes allow viewing CiviCRM inline fields without scrolling?
ThreadText: # Which Backdrop themes allow viewing CiviCRM inline fields without scrolling?
  
  (Asked by: username_0 on 2018-01-03)
  
  By default, CiviCRM on Drupal's "Bartik" theme and Backdrop's "Basis" and "Seven" themes cause CiviCRM inline fields to display with horizontal scroll bars, which hurts usability (see screenshot 1).
  
  In Drupal, the [civi\_bartik](https://www.drupal.org/project/civi_bartik) theme fixes this (see screenshot 2). Is there an equivalent theme for Backdrop CMS?
  
  [![enter image description here](https://i.sstatic.net/2ojMO.png)](https://i.sstatic.net/2ojMO.png)
  [![enter image description here](https://i.sstatic.net/C2EGo.png)](https://i.sstatic.net/C2EGo.png)
  
  **Tags:** theme, usability, backdrop, ux
  
  > **Comments:**
  > **username_1**: Does `civi_bartik` just force the wrapper/container to be wider or is it doing something else? I just did a quick test in Seven and changing `.container` to have a max-width of 1250px appears to be enough (if your screen is big enough). This doesn't help on smaller screens of course.  
  > **username_1**: Has this been improved in CiviCRM core in recent years? Seems to be better out of the box.  
  > **username_0**: @username_1-CEDC.org Yes, there's been a JS fix to handle this.  I'm wondering if it makes sense to delete this question?  There's no supported version of Civi where this would be an issue.  
  > **username_1**: Maybe so in that case.  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_0 on 2018-01-23. Score: 0 | Accepted answer
  
  Finding nothing better, I made my own Seven subtheme [civi\_seven](https://github.com/MegaphoneJon/civi_seven).
  
  CSS is definitely not my strong suit, but the net result is definitely an improvement on the existing options.
  
  
  ---
  
  ### Answer by username_2 on 2018-01-04. Score: 1
  
  I haven't seen one. Usually in cases like this I just make changes to the theme myself to account for things like this. Themes often times only take Drupal, its core modules, and some of the major add-ons into consideration for its theme. So when you use something else, like CiviCRM, you have to make changes yourself for usability.
  
  
  ---
  
  