Skip to content

Instantly share code, notes, and snippets.

@andrade

andrade/atom-vertical-file-tabs.less

Forked from jasesmith/atom-vertical-file-tabs.less
Created December 10, 2020 01:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andrade/34fd1eefc6b06348025e1421806bc3f6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andrade/34fd1eefc6b06348025e1421806bc3f6 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @jasesmith jasesmith revised this gist Sep 27, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion atom-vertical-file-tabs.less
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    atom-workspace-axis.vertical atom-pane {
    flex-direction: row;
    .tab-bar {
    .tab-bar:not(:empty) {
    box-shadow: inset -1px 0 0 #181a1f;
    resize: horizontal;
    height: auto;
  2. @jasesmith jasesmith created this gist Sep 22, 2017.
    37 changes: 37 additions & 0 deletions atom-vertical-file-tabs.less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    atom-workspace-axis.vertical atom-pane {
    flex-direction: row;
    .tab-bar {
    box-shadow: inset -1px 0 0 #181a1f;
    resize: horizontal;
    height: auto;
    display: block;
    padding-right: 1px;
    padding-bottom: 3em;
    min-width: 14em;
    &::after {
    content: '';
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 0;
    height: 0;
    border: .7em solid transparent;
    border-color: transparent @ui-site-color-2 @ui-site-color-2 transparent;
    box-shadow: 1px 1px 0 0 #181a1f;
    }
    }
    .tab-bar .tab {
    display: block;
    border: none;
    }
    .tab-bar .tab,
    .tab-bar .tab.active {
    flex: none;
    width: auto;
    max-width: none;
    box-shadow: inset 0 -1px 0 0 #181a1f;
    }
    .tab-bar .tab .title {
    text-align: left;
    }
    }