sveale / remote-edit

remote-edit
MIT License
146 stars 55 forks source link

File icons are aligned to top of tab #167

Open arda- opened 8 years ago

arda- commented 8 years ago

When using the package file icons, the icons seem to be aligned to the top of the tab instead of the window. This occurs with many different file types.

Here are a variety of remotely opened files:

screen shot 2016-02-03 at 11 00 00 am

Here is a remotely opened file next to a local one:

screen shot 2016-02-03 at 11 05 29 am

Not quite sure whether this is an issue more appropriate for your project, or the other! I posted to both, just in case.

sdbarron commented 8 years ago

A local file has only a class of "title" while a remote-edit item has "title icon icon-globe". It seems as if remote-edit is trying to do icon functionality (which sounds good) but it's incompatible with at least _this _other icon package.

Commenting out

    getIconName: ->
      "globe"

from remote-edit-editor.coffee takes care of it but is probably not the correct long-term solution.

@alhadis is patching file-icons now.

Alhadis commented 8 years ago

Yup, patched.

@sveale You can prevent styling tabs when File-Icons is in effect by wrapping the CSS in this:

body:not(.file-icons-tab-pane-icon){

    .icon-globe::before{
        font-family: 'Octicons Regular';
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        text-decoration: none;
        font-size: 16px;
        width: 16px;
        height: 16px;
        content: "\f0b6";
    }
}