Adjustments made to the standard form text input and textarea for both themes.
This commit is contained in:
parent
bdedac71f1
commit
48b66e4352
|
@ -84,7 +84,7 @@ class Create extends React.PureComponent {
|
|||
/>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
<textarea
|
||||
className='standard'
|
||||
type='text'
|
||||
value={description}
|
||||
|
|
|
@ -116,7 +116,7 @@ class Edit extends React.PureComponent {
|
|||
</div>
|
||||
|
||||
<div>
|
||||
<input
|
||||
<textarea
|
||||
className='standard'
|
||||
type='text'
|
||||
value={description}
|
||||
|
|
|
@ -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() {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;}
|
Loading…
Reference in New Issue