moony/Gab-Social
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added a standard button class for anchor tags to become pseudo-buttons.

Browse Source 
Button and anchor-button render exactly the same.
Applied standard-small class to create group anchor.
This commit is contained in:
Dank Gabs 2019-07-20 00:31:16 -04:00
parent d6ebbad3c9
commit d5d52d4df9
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/gabsocial/features/groups/index/index.js
View File

@ -50,7 +50,7 @@ class Groups extends ImmutablePureComponent {
return (
<div className="group-column-header">
<div className="group-column-header__cta"><Link to="/groups/create">{intl.formatMessage(messages.create)}</Link></div>
<div className="group-column-header__cta"><Link to="/groups/create" className="button standard-small">{intl.formatMessage(messages.create)}</Link></div>
<div className="group-column-header__title">{intl.formatMessage(messages.heading)}</div>
<div className="column-header__wrapper">

22
app/javascript/styles/gabsocial/components/buttons.scss
View File

@ -1,16 +1,20 @@
button {
button,
a.button {
&.standard {
// NOTE - will define the larger standard buttons here and apply class where used.
&-small {
background: $gab-small-cta-primary;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
height: 20px;
padding: 5px 15px;
border: none;
border-radius: 4px;
height: 25px;
padding: 1px 12px;
font-weight: bold;
@include font-size(11);
@include line-height(11);
@include font-weight(bold);
text-transform: uppercase;
color: white;
background: $gab-small-cta-primary;
}
}
}