Skip to content

Commit

Permalink
(Fixes liferay#871) Clay UI Docs update Localization Dropdown to use …
Browse files Browse the repository at this point in the history
…`.autofit-row` so labels are aligned right
  • Loading branch information
pat270 committed May 21, 2018
1 parent 2903d38 commit a4026ef
Showing 1 changed file with 104 additions and 56 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -267,47 +267,71 @@ weight: 100
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a class="dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-us">
<use xlink:href="/vendor/lexicon/icons.svg#en-us"></use>
</svg>
<a class="autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-us">
<use xlink:href="/vendor/lexicon/icons.svg#en-us"></use>
</svg>
</span>
en-US
</span>
</span>
<span class="autofit-col">
<span class="label label-info">Default</span>
</span>
en-US
<span class="label label-info">Default</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-gb">
<use xlink:href="/vendor/lexicon/icons.svg#en-gb"></use>
</svg>
<a class="autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-gb">
<use xlink:href="/vendor/lexicon/icons.svg#en-gb"></use>
</svg>
</span>
en-GB
</span>
</span>
<span class="autofit-col">
<span class="label label-success">Translated</span>
</span>
en-GB
<span class="label label-success">Translated</span>
</a>
</li>
<li>
<a class="active dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-es-es">
<use xlink:href="/vendor/lexicon/icons.svg#es-es"></use>
</svg>
<a class="active autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-es-es">
<use xlink:href="/vendor/lexicon/icons.svg#es-es"></use>
</svg>
</span>
es-ES
</span>
</span>
<span class="autofit-col">
<span class="label label-success">Translated</span>
</span>
es-ES
<span class="label label-success">Translated</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-fr-fr">
<use xlink:href="/vendor/lexicon/icons.svg#fr-fr"></use>
</svg>
<a class="autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-fr-fr">
<use xlink:href="/vendor/lexicon/icons.svg#fr-fr"></use>
</svg>
</span>
fr-FR
</span>
</span>
<span class="autofit-col">
<span class="label label-warning">Not Translated</span>
</span>
fr-FR
<span class="label label-warning">Not Translated</span>
</a>
</li>
</ul>
Expand Down Expand Up @@ -352,47 +376,71 @@ weight: 100
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a class="dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-us">
<use xlink:href="/vendor/lexicon/icons.svg#en-us"></use>
</svg>
<a class="autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-us">
<use xlink:href="/vendor/lexicon/icons.svg#en-us"></use>
</svg>
</span>
en-US
</span>
</span>
<span class="autofit-col">
<span class="label label-info">Default</span>
</span>
en-US
<span class="label label-info">Default</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-gb">
<use xlink:href="/vendor/lexicon/icons.svg#en-gb"></use>
</svg>
<a class="autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-gb">
<use xlink:href="/vendor/lexicon/icons.svg#en-gb"></use>
</svg>
</span>
en-GB
</span>
</span>
<span class="autofit-col">
<span class="label label-success">Translated</span>
</span>
en-GB
<span class="label label-success">Translated</span>
</a>
</li>
<li>
<a class="active dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-es-es">
<use xlink:href="/vendor/lexicon/icons.svg#es-es"></use>
</svg>
<a class="active autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-es-es">
<use xlink:href="/vendor/lexicon/icons.svg#es-es"></use>
</svg>
</span>
es-ES
</span>
</span>
<span class="autofit-col">
<span class="label label-success">Translated</span>
</span>
es-ES
<span class="label label-success">Translated</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#1">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-fr-fr">
<use xlink:href="/vendor/lexicon/icons.svg#fr-fr"></use>
</svg>
<a class="autofit-row dropdown-item" href="#1">
<span class="autofit-col autofit-col-expand">
<span class="autofit-section">
<span class="inline-item inline-item-before">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-fr-fr">
<use xlink:href="/vendor/lexicon/icons.svg#fr-fr"></use>
</svg>
</span>
fr-FR
</span>
</span>
<span class="autofit-col">
<span class="label label-warning">Not Translated</span>
</span>
fr-FR
<span class="label label-warning">Not Translated</span>
</a>
</li>
</ul>
Expand Down

0 comments on commit a4026ef

Please sign in to comment.