search

buymeasoda / soda-theme

Dark and light custom UI themes for Sublime Text
https://buymeasoda.github.io/soda-theme/
4.33k stars 518 forks source link

Support for stacked / scrollable tabs #149

Closed Narretz closed 11 years ago

Narretz commented 11 years ago

dev build 3048 added a new tab behavior. When many tabs are displayed, the are stacked at the left and right end. Each pane has two arrows to move left - right, and a dropdown arrow to display all tabs in the pane. These arrows are currently missing in Soda (not displayed). Not sure if this is an api extension.

svenax commented 11 years ago

I just copied the relevant part from the default theme and pasted in the corresponding Soda theme file. That show the arrows and drop down, but it needs a bit of tweaking to look good which I have not done. FYI, this is what's needed:

    // tab set scroll left scroll right
    {
        "class": "scroll_tabs_left_button",
        "content_margin": [9, 7, 8, 6],
        "layer0.texture": "Theme - Default/arrow_left.png",
        "layer0.opacity": 1.0,
        "layer0.inner_margin": 0,
        "layer1.texture": "Theme - Default/arrow_left_over.png",
        "layer1.opacity": 0.0,
        "layer1.inner_margin": 0,
    },
    {
        "class": "scroll_tabs_left_button",
        "attributes": ["hover"],
        "layer1.opacity": 1.0
    },

    {
        "class": "scroll_tabs_right_button",
        "content_margin": [9, 7, 8, 6],
        "layer0.texture": "Theme - Default/arrow_right.png",
        "layer0.opacity": 1.0,
        "layer0.inner_margin": 0,
        "layer1.texture": "Theme - Default/arrow_right_over.png",
        "layer1.opacity": 0.0,
        "layer1.inner_margin": 0,
    },
    {
        "class": "scroll_tabs_right_button",
        "attributes": ["hover"],
        "layer1.opacity": 1.0
    },

    {
        "class": "show_tabs_dropdown_button",
        "content_margin": [9, 7, 8, 6],
        "layer0.texture": "Theme - Default/arrow_down.png",
        "layer0.opacity": 1.0,
        "layer0.inner_margin": 0,
        "layer1.texture": "Theme - Default/arrow_down_over.png",
        "layer1.opacity": 0.0,
        "layer1.inner_margin": 0,
    },
    {
        "class": "show_tabs_dropdown_button",
        "attributes": ["hover"],
        "layer1.opacity": 1.0
    },
buymeasoda commented 11 years ago

Tab navigation / scrolling and tab listing support has now been added to Soda Theme. The latest update also includes the drop down arrow for the Find / Replace text input fields.

cyrusdavid commented 11 years ago

Hi, am I missing something? All the tabs are displayed for me ( 87e5097 ) but they're not stacked/scrollable.