166 lines
3.2 KiB
Plaintext
Executable File
166 lines
3.2 KiB
Plaintext
Executable File
@import "variables";
|
|
|
|
#chat {
|
|
@media @landscape {
|
|
-webkit-flex: 3 3 30%;
|
|
-moz-flex: 3 3 30%;
|
|
-ms-flex: 3 3 30%;
|
|
flex: 3 3 30%;
|
|
height: 100%;
|
|
}
|
|
order: 3;
|
|
}
|
|
|
|
.chat {
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
|
|
@media @desktop-portrait, @landscape {
|
|
li {
|
|
margin: 0px;
|
|
padding: 15px;
|
|
word-wrap: break-word;
|
|
// &:nth-child(even) {
|
|
// background-color: rgb(245,245,245);
|
|
// }
|
|
table {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#chatbody {
|
|
@media @landscape {
|
|
height: calc(~'100% - 70px');
|
|
}
|
|
overflow-y: auto;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
@media @desktop-portrait, @mobile-portrait {
|
|
max-height: 46vw; // for longer chatbody a scrollbar appears
|
|
overflow-y: scroll;
|
|
}
|
|
}
|
|
|
|
.chat-input-wrapper {
|
|
padding-top:10px;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
}
|
|
|
|
.disabledChat {
|
|
background-color: grey;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#fontSizeTable {
|
|
border: 1px solid white;
|
|
height: 80px;
|
|
margin-bottom: 0px;
|
|
overflow: hidden;
|
|
/* Static font sizes are used everywhere in this control. This is the maximum amount of space required */
|
|
width: 379px;
|
|
.displayButtons {
|
|
height: 35px;
|
|
margin: 0px;
|
|
padding:0px;
|
|
text-align:center;
|
|
width:84px;
|
|
}
|
|
#displayLabel {
|
|
text-align: center;
|
|
width: 169px;
|
|
}
|
|
}
|
|
|
|
.gotUnreadMail {
|
|
background: extract(@yellow, 2) !important;
|
|
}
|
|
|
|
#newMessageInput {
|
|
display: block;
|
|
float: left;
|
|
width: 75%;
|
|
resize: none;
|
|
border-bottom-left-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-right-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
padding-top: 5px;
|
|
padding-bottom: 0px;
|
|
|
|
border:1px solid extract(@lightGrey, 3);
|
|
margin: 0px;
|
|
|
|
@media @landscape {
|
|
height: 40px; /* same height as send button */
|
|
}
|
|
@media @mobile-portrait {
|
|
font-size: 4vw;
|
|
height: 8vw;
|
|
}
|
|
@media @mobile-portrait-with-keyboard {
|
|
font-size: 4.5vh;
|
|
height: 25vh;
|
|
}
|
|
@media @desktop-portrait {
|
|
font-size: 25px;
|
|
height: 60px; /* same height as send button */
|
|
}
|
|
}
|
|
|
|
.panel-footer {
|
|
bottom: 0px;
|
|
position: relative;
|
|
background: extract(@white, 1);
|
|
padding: 0;
|
|
border-top: 1px solid extract(@lightGrey, 3);
|
|
}
|
|
|
|
#sendMessageButton {
|
|
width: 20%; /* 75% for the message input, 5% margin between the two */
|
|
color: extract(@black, 1);
|
|
background-color: extract(@white, 1);
|
|
font-weight: bold;
|
|
height: 50px;
|
|
margin: 0px;
|
|
|
|
border: 1px solid extract(@lightGrey, 3);
|
|
border-bottom-left-radius: 00px;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
|
|
@media @desktop-portrait {
|
|
width: 20%; /* 75% for the message input, 5% margin between the two */
|
|
font-size: 30px;
|
|
height: 60px;
|
|
}
|
|
@media @mobile-portrait {
|
|
width: 15vw;
|
|
height: 8vw;
|
|
font-size: 4vw;
|
|
}
|
|
@media @mobile-portrait-with-keyboard {
|
|
width: 19vw;
|
|
height: 21vh;
|
|
font-size: 3vh;
|
|
}
|
|
@media @landscape {
|
|
height: 50px;
|
|
padding: 0px;
|
|
}
|
|
}
|
|
|
|
.timestamp {
|
|
text-align: right;
|
|
}
|
|
|
|
#chatbar-contents {
|
|
@media @landscape {
|
|
min-width: 140px;
|
|
}
|
|
}
|