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

View File

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

View File

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

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
@mixin avatar-radius() {

View File

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

View File

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