mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-23 11:35:04 +01:00
Code Issues Projects Releases Wiki Activity

Adjust CSS to match new class structure

Browse Source
This commit is contained in:
Danila Fedorin 2021-07-22 13:39:40 -07:00
parent 1dcfdfc1d8
commit 83f7391af3
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/platform/web/ui/css/room.css
View File

@ -50,12 +50,12 @@ limitations under the License.
margin: 0; margin: 0;
} }
.MessageComposer { .MessageComposer_input {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.MessageComposer > input { .MessageComposer_input > input {
display: block; display: block;
flex: 1; flex: 1;
min-width: 0; min-width: 0;

2
src/platform/web/ui/css/themes/bubbles/theme.css
View File

@ -118,7 +118,7 @@ a {
color: red; color: red;
} }
.MessageComposer > input { .MessageComposer_input > input {
padding: 0.8em; padding: 0.8em;
border: none; border: none;
} }

12
src/platform/web/ui/css/themes/element/theme.css
View File

@ -462,16 +462,16 @@ a {
color: red; color: red;
} }
.MessageComposer { .MessageComposer_input {
border-top: 1px solid rgba(245, 245, 245, 0.90); border-top: 1px solid rgba(245, 245, 245, 0.90);
padding: 8px 16px; padding: 8px 16px;
} }
.MessageComposer > :not(:first-child) { .MessageComposer_input > :not(:first-child) {
margin-left: 12px; margin-left: 12px;
} }
.MessageComposer > input { .MessageComposer_input > input {
padding: 0 16px; padding: 0 16px;
border: none; border: none;
border-radius: 24px; border-radius: 24px;
@ -481,7 +481,7 @@ a {
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
} }
.MessageComposer > button.send { .MessageComposer_input > button.send {
width: 32px; width: 32px;
height: 32px; height: 32px;
display: block; display: block;
@ -496,7 +496,7 @@ a {
background-position: center; background-position: center;
} }
.MessageComposer > button.sendFile { .MessageComposer_input > button.sendFile {
width: 32px; width: 32px;
height: 32px; height: 32px;
display: block; display: block;
@ -510,7 +510,7 @@ a {
background-position: center; background-position: center;
} }
.MessageComposer > button.send:disabled { .MessageComposer_input > button.send:disabled {
background-color: #E3E8F0; background-color: #E3E8F0;
} }