flarum / flarum/issue-archive

Missed CSS in reply to buttons

Open
#89 4 comments 0 reactions 0 assignees View on GitHub
needs-discussion type/bug
Dominant language
No language data
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

## Bug Report

**Current Behavior**

https://discuss.flarum.org/d/27511-flarum-10-design-login-to-reply-issue

In the case the reply to button on a discussion is too long, for example for translated text, you should apply the following CSS:

```
overflow: hidden;
text-overflow: ellipsis;
```

This is used for left button "start topic" for example when user cannot start a topic but is not set for reply buttons so in my Italian community version Stable 1.0 the buttons for reply are showed badly.

![Shared-Screenshot](https://user-images.githubusercontent.com/5006150/120750769-389a2080-c507-11eb-86bd-dedebb855cec.jpg)

**Steps to Reproduce**
You need use the nerata italian language and Flarum 1.0 than open as guest (not logged) a discussion and you will see the wrong reply button format.

**Expected Behavior**

Button should looks good not bad as the screenshot above.
The result should be:

![Shared-Screenshot](https://user-images.githubusercontent.com/5006150/120750953-7e56e900-c507-11eb-9184-8a04cfcd19c7.jpg)

**Environment**
- Flarum version: 1.0

```
Output of "php flarum info", run this in terminal in your Flarum directory.
```

**Possible Solution**

You need add

```
overflow: hidden;
text-overflow: ellipsis;
```

to

```
.DiscussionPage-nav .ButtonGroup, .DiscussionPage-nav .Button {
width: 100%;
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.