いくつかのスタイルを調整 (#5894)
* Chrome(Android)で誕生日欄が崩れていたのを修正 * 入力欄のフォントを親要素から継承するように変更
This commit is contained in:
parent
b93bfb7e5c
commit
7abd91f031
3 changed files with 7 additions and 4 deletions
|
@ -153,7 +153,7 @@ export default Vue.extend({
|
||||||
this.$t('_postForm._placeholders.f')
|
this.$t('_postForm._placeholders.f')
|
||||||
];
|
];
|
||||||
const x = xs[Math.floor(Math.random() * xs.length)];
|
const x = xs[Math.floor(Math.random() * xs.length)];
|
||||||
|
|
||||||
return this.renote
|
return this.renote
|
||||||
? this.$t('_postForm.quotePlaceholder')
|
? this.$t('_postForm.quotePlaceholder')
|
||||||
: this.reply
|
: this.reply
|
||||||
|
@ -713,7 +713,7 @@ export default Vue.extend({
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
font-family: initial;
|
font-family: inherit;
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
|
|
|
@ -254,7 +254,7 @@ export default Vue.extend({
|
||||||
|
|
||||||
> .input {
|
> .input {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -327,14 +327,16 @@ export default Vue.extend({
|
||||||
}
|
}
|
||||||
|
|
||||||
> input {
|
> input {
|
||||||
|
$height: 32px;
|
||||||
display: block;
|
display: block;
|
||||||
|
height: $height;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font: inherit;
|
font: inherit;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 32px;
|
line-height: $height;
|
||||||
color: var(--inputText);
|
color: var(--inputText);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
|
@ -247,6 +247,7 @@ export default Vue.extend({
|
||||||
padding: 16px 16px 0 16px;
|
padding: 16px 16px 0 16px;
|
||||||
resize: none;
|
resize: none;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
font-family: inherit;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
Loading…
Reference in a new issue