search

Esri / storymap-shortlist

The Shortlist story map application template by Esri
http://storymaps.arcgis.com/en/app-list/shortlist/
Apache License 2.0
43 stars 61 forks source link

auto-adjust tab widths to text length #20

Closed leebock closed 10 years ago

leebock commented 10 years ago

It would be cool if we could make the tabs automatically adjust to the width of the name.

RupertEssinger commented 10 years ago

Authors can customize their Shortlist to change the width of the tab controls, normally to make them wider so that a longer name will fit in there. To change the width of the tab control, edit the /css/style.css file and in the .tab class, change the width setting. The default value is 96 pixels:

.tab { float:left; background-color:#444; padding-top:4px; padding-left:10px; margin-top:10px; height:21px; width:96px; margin-left:7px; color:#d8d8d8; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

RupertEssinger commented 10 years ago

This is now fixed in the 1.3 Shortlist release that we made today. Also if the tabs in your Shortlist don't all fit in the available web browser width they now wrap around nicely onto a second or third line.