Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Polymer 1.0.3 Paper-Tabs Are Not Responsive To Content #1914

Closed
dman777 opened this issue Jun 19, 2015 · 1 comment
Closed

Polymer 1.0.3 Paper-Tabs Are Not Responsive To Content #1914

dman777 opened this issue Jun 19, 2015 · 1 comment

Comments

@dman777
Copy link

dman777 commented Jun 19, 2015

Using Polymer 1.0, the paper-tab elements are not responsive to the size of their content/titles. Instead, all the tabs are a fixed size and it looks bad. From what I can tell, the default behavior is for them to be responsive to their contents. Can anyone clarify this please? Is this a bug?

<!doctype html>
<html>

<head>

  <title>unquote</title>

  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

  <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

  <link rel="import" href="bower_components/paper-header-panel/paper-header-panel.html">
  <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">
  <link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">
  <link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">
</head>
<body>
  <paper-header-panel>
    <paper-toolbar>
        <paper-tabs>
          <paper-tab>
              ABOUT
          </paper-tab>
          <paper-tab>
            <div>
              TOUR SCHEDULE
            </div>
          </paper-tab>
            <paper-tab>
              <div>
                VIDEOS
              </div>
            </paper-tab>
            <paper-tab>
              <div>
                HOST
              </div>
            </paper-tab>
            <paper-tab>
              <div>
                LONG TITLE THIS IS
              </div>
            </paper-tab>
        </paper-tabs>
    </paper-toolbar>
  </paper-header-panel>
</body>
</html>

pic1
@tjsavage tjsavage mentioned this issue Jun 19, 2015
Closed
@tjsavage
Copy link
Contributor

This issue was moved to PolymerElements/paper-tabs#37

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@tjsavage @dman777