Skip to content

Instantly share code, notes, and snippets.

@foca

foca/codetree-user-styles.css

Created January 5, 2017 06:45
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save foca/24940c74d24d078ec7fd51cc1215bbd9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save foca/24940c74d24d078ec7fd51cc1215bbd9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. foca created this gist Jan 5, 2017.
    58 changes: 58 additions & 0 deletions codetree-user-styles.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,58 @@
    /**
    * CodeTree default styles are pretty terrible, and the task board
    * is pretty cluttered with lots of useless things.
    *
    * This is a user stylesheet that makes the board pretty clean by
    * removing the sidebar and top navigation.
    *
    * You should apply it to URLs matching `/projects/\w+/board`
    *
    *
    * If you want to get the nav back, just edit the URL so it's
    * `/projects/:id/issues` instead of `/projects/:id/board`
    */

    .navbar {
    height: 0;
    }

    .navbar-go,
    .navbar-identity {
    display: none;
    }

    .navbar-search {
    margin: 0;
    padding: 10px 0;
    float: right;
    }

    .sidebar {
    display: none;
    }

    .issue-filter-container,
    .board-container,
    .page-footer {
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
    }

    .issue-filter-container {
    top: 0;
    height: 60px;
    line-height: 60px;
    }

    .issue-filter-container .octicon.bottom {
    vertical-align: middle;
    }

    .board-container {
    top: 60px;
    right: 0;
    border: none;
    }

    #drift-widget-container { display: none; }