Merge pull request #2317 from rabuzarus/0402_vier_mobile_textarea

vier: remove some hardcoded css to be more mobile friendly
This commit is contained in:
Tobias Diekershoff 2016-02-05 06:57:07 +01:00
commit 8bca68c77c

View file

@ -1042,6 +1042,9 @@ aside {
box-shadow: 1px 2px 0px 0px #D8D8D8; box-shadow: 1px 2px 0px 0px #D8D8D8;
color: #737373; color: #737373;
} }
aside .vcard .tool {
clear: both;
}
aside .vcard .fn { aside .vcard .fn {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
@ -1050,7 +1053,6 @@ aside .vcard .fn {
} }
aside .vcard .title { aside .vcard .title {
margin-bottom: 5px; margin-bottom: 5px;
float: left;
} }
aside .vcard dl { aside .vcard dl {
height: auto; height: auto;
@ -1583,63 +1585,34 @@ section.minimal {
width: calc(100% - 165px); width: calc(100% - 165px);
} }
.wall-item-container.comment .wall-item-content { .wall-item-container.comment .wall-item-content,
max-width: 585px; .wall-item-container.thread_level_3 .wall-item-content,
} .wall-item-container.thread_level_4 .wall-item-content,
.wall-item-container.thread_level_3 .wall-item-content { .wall-item-container.thread_level_5 .wall-item-content,
max-width: 570px; .wall-item-container.thread_level_6 .wall-item-content,
}
.wall-item-container.thread_level_4 .wall-item-content {
max-width: 555px;
}
.wall-item-container.thread_level_5 .wall-item-content {
max-width: 540px;
}
.wall-item-container.thread_level_6 .wall-item-content {
max-width: 525px;
}
.wall-item-container.thread_level_7 .wall-item-content { .wall-item-container.thread_level_7 .wall-item-content {
max-width: 510px; max-width: calc(100% - 1px);
} }
.children .wall-item-comment-wrapper textarea { .children .wall-item-comment-wrapper textarea,
width: 570px; .wall-item-container.thread_level_3 .wall-item-comment-wrapper textarea,
} .wall-item-container.thread_level_4 .wall-item-comment-wrapper textarea,
.wall-item-container.thread_level_3 .wall-item-comment-wrapper textarea { .wall-item-container.thread_level_5 .wall-item-comment-wrapper textarea,
width: 555px; .wall-item-container.thread_level_6 .wall-item-comment-wrapper textarea,
}
.wall-item-container.thread_level_4 .wall-item-comment-wrapper textarea {
width: 540px;
}
.wall-item-container.thread_level_5 .wall-item-comment-wrapper textarea {
width: 525px;
}
.wall-item-container.thread_level_6 .wall-item-comment-wrapper textarea {
width: 510px;
}
.wall-item-container.thread_level_7 .wall-item-comment-wrapper textarea { .wall-item-container.thread_level_7 .wall-item-comment-wrapper textarea {
width: 495px; width: calc(100% - 11px);
} }
.children .wall-item-bottom .comment-edit-preview { .children .wall-item-bottom .comment-edit-preview,
width: 575px; .wall-item-container.thread_level_3 .wall-item-bottom .comment-edit-preview,
} .wall-item-container.thread_level_4 .wall-item-bottom .comment-edit-preview,
.wall-item-container.thread_level_3 .wall-item-bottom .comment-edit-preview { .wall-item-container.thread_level_5 .wall-item-bottom .comment-edit-preview,
width: 560px; .wall-item-container.thread_level_6 .wall-item-bottom .comment-edit-preview,
}
.wall-item-container.thread_level_4 .wall-item-bottom .comment-edit-preview {
width: 545px;
}
.wall-item-container.thread_level_5 .wall-item-bottom .comment-edit-preview {
width: 530px;
}
.wall-item-container.thread_level_6 .wall-item-bottom .comment-edit-preview {
width: 515px;
}
.wall-item-container.thread_level_7 .wall-item-bottom .comment-edit-preview { .wall-item-container.thread_level_7 .wall-item-bottom .comment-edit-preview {
width: 500px; width: calc(100% - 6px);
} }
.wall-item-container.comment .contact-photo { .wall-item-container.comment .contact-photo {
width: 32px; width: 32px;
height: 32px; height: 32px;