Skip to content

Commit

Permalink
Site: (liferay#600) Dropdown update .dropdown-toggle markup and add…
Browse files Browse the repository at this point in the history 
… examples related to Lexicon 2 Sites

Site: (liferay#600) Dropdown Action now requires `.component-action` on `.dropdown-toggle`

Site: (liferay#600) Quick Action Item now requires `.component-action`
  • Loading branch information
@pat270 @matuzalemsteles
pat270 authored and matuzalemsteles committed Mar 1, 2018
1 parent 5944c3d commit 12b09fb
Show file tree
Hide file tree
Showing 14 changed files with 560 additions and 256 deletions.
48 changes: 24 additions & 24 deletions packages/clay/src/content/cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ <h3 class="card-title" title="thumbnail_coffee.jpg">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -146,7 +146,7 @@ <h3 class="card-title" title="empty-background.png">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -234,7 +234,7 @@ <h3 class="card-title" title="lexicon_icon_camera_av93ii2oofffmmmsjf2332.svg">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -332,7 +332,7 @@ <h3 class="card-title" title="deliverable.doc">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -485,7 +485,7 @@ <h3 class="card-title" title="User Name">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -563,7 +563,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -791,7 +791,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -829,7 +829,7 @@ <h3 class="card-title" title="Folder 01">Folder 01</h3>
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -871,7 +871,7 @@ <h3 class="card-title" title="Folder 02">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -913,7 +913,7 @@ <h3 class="card-title" title="Folder 03">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1188,7 +1188,7 @@ <h3 class="card-title">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1234,7 +1234,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1288,7 +1288,7 @@ <h3 class="card-title">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1338,7 +1338,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1408,7 +1408,7 @@ <h3 class="card-title">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1455,7 +1455,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1509,7 +1509,7 @@ <h3 class="card-title">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1559,7 +1559,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1633,7 +1633,7 @@ <h3 class="card-title">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1680,7 +1680,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1728,7 +1728,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1800,7 +1800,7 @@ <h3 class="card-title">
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1847,7 +1847,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down Expand Up @@ -1895,7 +1895,7 @@ <h3 class="card-title" title="ReallySuperInsanelyJustIncrediblyLongAndTotallyNot
</div>
<div class="autofit-col">
<div class="dropdown dropdown-action">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<a aria-expanded="false" aria-haspopup="true" class="component-action dropdown-toggle" data-toggle="dropdown" href="#1" role="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
Expand Down
Loading

0 comments on commit 12b09fb

Please sign in to comment.