random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New form style for groups

Browse Source
This commit is contained in:
2458773093
2019-07-18 22:37:53 +03:00
parent 6104e45d18
commit f33c178b5a
7 changed files with 144 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/styles/application.scss
View File

@@ -26,6 +26,7 @@
@import 'gabsocial/components/compose-form';
@import 'gabsocial/components/group-card';
@import 'gabsocial/components/group-detail';
@import 'gabsocial/components/group-form';
@import 'gabsocial/polls';
@import 'gabsocial/introduction';

66
app/javascript/styles/gabsocial/components/group-form.scss Normal file
View File

@@ -0,0 +1,66 @@
.group-form {
background: $gab-background-container;
padding: 15px;
border-radius: 10px;
.group-form__input {
height: 40px;
padding: 0 15px;
display: block;
color: $primary-text-color;
background: none;
border: 1px solid $secondary-text-color;
border-radius: 4px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
&:focus {
outline: none;
border-color: $primary-text-color;
}
}
.group-form__file-label {
font-size: 13px;
color: $secondary-text-color;
cursor: pointer;
&:hover {
color: $primary-text-color;
}
.fa {
font-size: 18px;
margin-right: 5px;
transform: translatey(2px);
}
&.group-form__file-label--selected {
color: $primary-text-color;
}
}
.group-form__file {
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
position: absolute;
pointer-events: none;
}
button {
background: $gab-blue;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
border: none;
border-radius: 4px;
height: 25px;
padding: 1px 12px;
font-weight: bold;
float: right;
}
}

1
app/javascript/styles/gabsocial/variables.scss
View File

@@ -12,6 +12,7 @@ $gab-brand-default: #21cf7a;
$gab-alert-red: #cc6643;
$gab-secondary-text: #999;
$gab-text-highlight: $gab-brand-default;
$gab-blue: #627ff2;
// THEME COLORS