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

Adjustments made to the standard form text input and textarea for both themes.

This commit is contained in:
Dank Gabs 2019-07-22 23:22:42 -04:00
parent bdedac71f1
commit 48b66e4352
5 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -84,7 +84,7 @@ class Create extends React.PureComponent {
/> />
</div> </div>
<div> <div>
<input <textarea
className='standard' className='standard'
type='text' type='text'
value={description} value={description}

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

@ -116,7 +116,7 @@ class Edit extends React.PureComponent {
</div> </div>
<div> <div>
<input <textarea
className='standard' className='standard'
type='text' type='text'
value={description} value={description}

8
app/javascript/styles/gabsocial/_mixins.scss
View File

@ -15,7 +15,13 @@
} }
} }
// SHORTCUTS
@mixin input-placeholder($color) {
&::-webkit-input-placeholder {color: $color;}
&::-moz-placeholder {color: $color;}
&:-ms-input-placeholder {color: $color;}
&:-moz-placeholder {color: $color;}
}
// OLDER MIXINS // OLDER MIXINS
@mixin avatar-radius() { @mixin avatar-radius() {

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

@ -1,6 +1,14 @@
.group-form { .group-form {
padding: 20px; padding: 20px;
@include gab-container-standards(); @include gab-container-standards();
input[type=text],
textarea {
&.standard {
width: 100%;
margin: 0 0 10px;
}
}
textarea {height: 88px;}
.group-form__file-label { .group-form__file-label {
font-size: 13px; font-size: 13px;
color: $secondary-text-color; color: $secondary-text-color;

49
app/javascript/styles/gabsocial/components/inputs.scss
View File

@ -1,34 +1,23 @@
input { input[type='text'],
textarea {
&.standard { &.standard {
&[type='text'] { box-sizing: border-box;
border: 1px solid; padding: 7px 10px;
border-radius: 4px; border: 1px solid;
@include font-size(16); border-radius: 4px;
border-color: $gab-placeholder-accent; @include font-size(16);
background: $gab-background-container; @include line-height(18);
body.theme-gabsocial-light & { color: $gab-brand-default;
border-color: $gab-secondary-text; border-color: $gab-placeholder-accent;
background: $gab-background-base-light; background: $gab-background-container;
} @include input-placeholder($gab-placeholder-accent);
body.theme-gabsocial-light & {
color: $gab-placeholder-accent;
border-color: $gab-secondary-text;
background: $gab-background-base-light;
@include input-placeholder($gab-secondary-text);
} }
&:focus {outline: none;}
} }
} }
textarea.standard {resize: vertical;}
// .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;
// }
// }