Skip to content

Commit

Permalink
Updated to mdc v0.28.0, fixed the issue where "labels arent supported…
Browse files Browse the repository at this point in the history
… for full-width textfields". Simply removed the class and added a custom style (width: 100%).

Issues with label color is still present, should be fixed with version 0.29.0
See:  material-components/material-components-web#1435
  • Loading branch information
dscalzi committed Jan 18, 2018
1 parent 430adcd commit d158203
Showing 1 changed file with 6 additions and 7 deletions.
13 changes: 6 additions & 7 deletions views/index.ejs
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<title>skyhook</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://unpkg.com/material-components-web@0.25.0/dist/material-components-web.min.css">
<link rel="stylesheet" href="https://unpkg.com/material-components-web@0.28.0/dist/material-components-web.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
Expand All @@ -33,12 +33,11 @@
</p>

<div class="mdc-form-field">
<div class="mdc-text-field mdc-text-field--multiline mdc-text-field--fullwidth"
data-mdc-auto-init="MDCTextField">
<div class="mdc-text-field mdc-text-field--multiline"
data-mdc-auto-init="MDCTextField" style="width: 100%;">
<input id="url" type="text" class="mdc-text-field__input">
<label for="url" class="mdc-text-field__label">
Discord Webhook URL
</label>
<label for="url" class="mdc-text-field__label">Discord Webhook URL</label>
<div class="mdc-text-field__bottom-line"></div>
</div>
</div>

Expand Down Expand Up @@ -75,7 +74,7 @@
</div>
</body>
</main>
<script src="https://unpkg.com/material-components-web@0.25.0/dist/material-components-web.min.js"></script>
<script src="https://unpkg.com/material-components-web@0.28.0/dist/material-components-web.min.js"></script>
<script src="./copyToClipboard.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.1.min.js"
integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00="
Expand Down

0 comments on commit d158203

Please sign in to comment.