Bug 1662510 Comment 3 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Original comment by
on 
Please see the attached screenshots for the exact UI.

I'm also adding HTML and CSS.

Note that the class names are generic and should cause the selector to JustWork™, without making any changes to JS.

```html
<div class="download-selector select">
    <div class="button selector">
        <i class="fa fa-cloud-download-alt"></i>
    </div>
    <div class="menu">
        <ul>
            <li>
                <a href="/terminology/sl.tbx">Download Terminology</a>
            </li>
            <li>
                <a href="/sl/all-projects/sl.all-projects.tmx">Download Translation Memory</a>
            </li>
        </ul>
    </div>
</div>
```

```css
.download-selector {
    float: right;
}

.download-selector .selector {
    padding-right: 0;
    padding-top: 0;
}

.download-selector .selector .i {
    float: right;
    background: #3f4752;
    border-radius: 2px;
    box-sizing: border-box;
    color: #AAA;"
    font-size: 16px;
    height: 32px;
    width: 32px;
    padding-top: 8px;
    text-align: center;
}

.download-selector.opened .selector .i {
    background: #272a2f;
    border-radius: 2px 2px 0 0;
}

.download-selector.opened .menu {
    display: block;
    top: 32px;
    right: 0px;
    bottom: auto;
    width: 220px;
}
```
Revision 1 by
on 
Please see the attached screenshots for the exact UI.

I'm also adding HTML and CSS.

Note that the class names are generic and should cause the selector to JustWork™, without making any changes to JS.

```html
<div class="download-selector select">
    <div class="button selector">
        <i class="fa fa-cloud-download-alt"></i>
    </div>
    <div class="menu">
        <ul>
            <li>
                <a href="/terminology/de.tbx">Download Terminology</a>
            </li>
            <li>
                <a href="/de/firefox/de.firefox.tmx">Download Translation Memory</a>
            </li>
        </ul>
    </div>
</div>
```

```css
.download-selector {
    float: right;
}

.download-selector .selector {
    padding-right: 0;
    padding-top: 0;
}

.download-selector .selector .i {
    float: right;
    background: #3f4752;
    border-radius: 2px;
    box-sizing: border-box;
    color: #AAA;"
    font-size: 16px;
    height: 32px;
    width: 32px;
    padding-top: 8px;
    text-align: center;
}

.download-selector.opened .selector .i {
    background: #272a2f;
    border-radius: 2px 2px 0 0;
}

.download-selector.opened .menu {
    display: block;
    top: 32px;
    right: 0px;
    bottom: auto;
    width: 220px;
}
```

Back to Bug 1662510 Comment 3