random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects 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 ( return (
<div className="group-column-header"> <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="group-column-header__title">{intl.formatMessage(messages.heading)}</div>
<div className="column-header__wrapper"> <div className="column-header__wrapper">

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

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