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

Finess for the add / edit groups forms. Is now pixel-perfect to mockup specs.

Browse Source 
Added all post-function icon sprites to the app.
Remove FA icon from the form and used bg sprite for upload button.
Will match all other post / composer / widget ui buttons eventually.
This commit is contained in:
Dank Gabs
2019-07-25 00:27:58 -04:00
parent c1bf87b666
commit 493634aee5
4 changed files with 32 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/javascript/styles/gabsocial/components/group-form.scss
View File

@@ -1,6 +1,12 @@
.group-form {
padding: 20px;
@include gab-container-standards();
&,
div {
box-sizing: border-box;
float: left;
width: 100%;
}
input[type=text],
textarea {
&.standard {
@@ -8,18 +14,33 @@
margin: 0 0 10px;
}
}
textarea {height: 88px;}
textarea {
float: left;
height: 88px;
}
.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);
display: block;
box-sizing: border-box;
float: left;
height: 20px;
padding: 3px 0 0 33px;
@include font-size(12);
@include font-weight(light);
color: $gab-secondary-text;
background-repeat: no-repeat;
background-image: url('../images/sprite-post-functions.png');
background-size: 100px 1200px;
&:hover {
// dont forget the active icon state
color: $gab-brand-default;
background-position: 0 -100px;
}
&.group-form__file-label--selected {
// dont forget the active icon state
background-position: 0 -100px;
color: $gab-brand-default;;
}
&.group-form__file-label--selected {color: $primary-text-color;}
}
.group-form__file {
width: 1px;