Skip to content

spacing and presentation enhancements of gridfield #122

Open

Description

@sunnysideup

Affected Version

SS4

Description

image

There seems to be too much spacing here in places where things should be tight (e.g. too much spacing between headers and rows) and perhaps also vice versa.

This is of course part of the core GridField, but it may be an idea to at least let the sortable gridfield do it a little better?

Activity

  1. sunnysideup commented on Jul 23, 2018

    @sunnysideup
    ContributorAuthor

    here is what can be achieved in a few minutes with CSS (and my limited abilities):

    image

  2. sunnysideup commented on Jul 23, 2018

    @sunnysideup
    ContributorAuthor

    This is the CSS I added:

    table.grid-field__table  .sortablerowsheading {
      padding-top: 0!important; padding-bottom: 0!important; background-color: #ddd;
      border-bottom: 1px solid #aaa;
    }
    
    table.grid-field__table th.main {
      border-bottom: 1px solid #aaa;
      background-color: #ccc;
    }

    OR

    table.grid-field__table  .sortablerowsheading {
      padding-top: 0!important; padding-bottom: 0!important; 
      background-color: #dbe0e9;
      border-bottom: 1px solid #aaa;
    }
    
    table.grid-field__table th.main {
      border-bottom: 1px solid #bbb;
      background-color: #ced5e1;
    }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions