[Button][Enhancement] Allowing single button attached "buttons" group

[shanehsu]

As of now (tested in 2.2.10 and 2.2.2), the ui bottom attached buttons doesn't behave well with one button as its child. While using ui bottom attached button would be good enough, my Angular application would have been a lot more complicated this way.

Suggestions:
The current code in bottom attached section:

.ui[class*="bottom attached"].buttons {
  margin-top: @attachedOffset;
  border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em @borderRadius;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em @borderRadius 0em;
}

Change to:

.ui[class*="bottom attached"].buttons {
  margin-top: @attachedOffset;
  border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui[class*="bottom attached"].buttons .button:only-child {
  border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em @borderRadius;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em @borderRadius 0em;
}

The other three attached section will need this change as well if suggestion is accepted.

My knowledge of Semantic UI and LESS is not good enough for a PR, but this requires discussion anyway.

[shanehsu]

@Banandrew Is this going to be implemented?

[awgv]

Hi @shanehsu, I don’t know, I’m not the maintainer.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.