Skip to content

C
converse.js
Commit 2e297a1c authored by JC Brand's avatar JC Brand
Browse files
Options

Some tweaking of the css. 

Make the text part of an input-group a bit wider and other padding/margin
tweaking.
parent 6088eaf9
Expand all Show whitespace changes
Inline Side-by-side
Showing with 140 additions and 146 deletions
css/converse.css
View file @ 2e297a1c
......@@ -523,17 +523,6 @@
color: red; }
#conversejs input.error {
border: 1px solid red; }
#conversejs #converse-register .form-errors {
color: red;
display: none; }
#conversejs #converse-register .provider-title {
font-size: 115%; }
#conversejs #converse-register .provider-score {
width: 178px;
margin-bottom: 8px; }
#conversejs #converse-register .form-help .url {
font-weight: bold;
color: #436F64; }
#conversejs .reg-feedback {
font-size: 85%; }
#conversejs .reg-feedback,
......@@ -589,7 +578,7 @@
padding-left: 2em;
font-weight: bold; }
#conversejs dl.add-converse-contact {
margin: 0 0.5em 0.5em 0.5em; }
margin: 0 0.5em 0.75em 0.5em; }
#conversejs .fancy-dropdown {
border: 1px solid #F1DCD6;
height: 25px;
......@@ -931,13 +920,15 @@
height: -webkit-calc(100% - 44px);
height: calc(100% - 44px); }
#conversejs .controlbox-pane {
padding: 5px 0;
overflow-y: hidden; }
overflow-y: hidden;
overflow-x: hidden; }
#conversejs .controlbox-pane dd {
margin-left: 0;
margin-bottom: 0; }
#conversejs .controlbox-pane dd.odd {
background-color: #DCEAC5; }
#conversejs #converse-register {
background: white; }
#conversejs #converse-register .title {
font-weight: bold; }
#conversejs #converse-register .info {
......@@ -945,42 +936,63 @@
color: green;
font-size: 85%;
margin: 5px 0; }
#conversejs .form-help,
#conversejs #converse-register .instructions {
color: gray;
font-size: 85%; }
#conversejs .form-help:hover,
#conversejs #converse-register .instructions:hover {
color: #6C4C44; }
#conversejs .form-help {
padding-top: 5px; }
#conversejs #converse-register,
#conversejs #converse-login {
background: white;
padding: 1em; }
#conversejs #converse-register input,
#conversejs #converse-login input {
width: 100%;
height: 30px;
margin: 5px 0 10px 0;
padding-left: 0.5em; }
#conversejs #converse-register .form-errors {
color: red;
display: none; }
#conversejs #converse-register .provider-title {
font-size: 22px; }
#conversejs #converse-register .provider-score {
width: 178px;
margin-bottom: 8px; }
#conversejs #converse-register .form-help .url {
font-weight: bold;
color: #436F64; }
#conversejs #converse-register .input-group {
table-layout: fixed;
display: table;
margin: auto;
width: 178px; }
width: 100%; }
#conversejs #converse-register .input-group span {
overflow-x: hidden;
text-overflow: ellipsis; }
text-overflow: ellipsis;
max-width: 110px; }
#conversejs #converse-register .input-group span, #conversejs #converse-register .input-group input[name=username] {
display: table-cell; }
#conversejs .cancel-submit, #conversejs .save-submit {
display: table-cell;
text-align: left; }
#conversejs #converse-register .instructions {
color: gray;
font-size: 85%; }
#conversejs #converse-register .instructions:hover {
color: #6C4C44; }
#conversejs #converse-register, #conversejs #converse-login {
margin: 2em 1em 1em 1em;
background: white; }
#conversejs #converse-register .login-submit, #conversejs #converse-register .submit, #conversejs #converse-login .login-submit, #conversejs #converse-login .submit {
height: 30px;
padding: 0px;
font-size: 14px; }
#conversejs #converse-register .submit, #conversejs #converse-login .submit {
margin: 1em 0; }
#conversejs #converse-register .login-anon, #conversejs #converse-login .login-anon {
height: auto;
white-space: normal; }
#conversejs #converse-register .cancel-submit, #conversejs #converse-register .save-submit, #conversejs #converse-login .cancel-submit, #conversejs #converse-login .save-submit {
width: 45%;
margin: 5px 3px 5px 3px; }
#conversejs .cancel, #conversejs .cancel-submit {
#conversejs #converse-register .cancel, #conversejs #converse-register .cancel-submit, #conversejs #converse-login .cancel, #conversejs #converse-login .cancel-submit {
color: #681F2C; }
#conversejs .save-submit {
#conversejs #converse-register .save-submit, #conversejs #converse-login .save-submit {
color: #436F64; }
#conversejs #converse-register input, #conversejs #converse-login input {
width: 100%;
height: 30px;
margin: 5px 0 10px 0;
padding-left: 0.5em; }
#conversejs .form-help {
color: gray;
font-size: 85%;
padding-top: 5px; }
#conversejs .form-help:hover {
color: #6C4C44; }
#conversejs .chatroom-form label,
#conversejs .controlbox-pane label,
#conversejs #converse-register label,
......@@ -989,15 +1001,6 @@
font-weight: bold;
height: auto;
margin: 4px; }
#conversejs #converse-register .login-submit, #conversejs #converse-register .submit, #conversejs #converse-login .login-submit, #conversejs #converse-login .submit {
height: 30px;
padding: 0px;
font-size: 14px; }
#conversejs #converse-register .submit, #conversejs #converse-login .submit {
margin: 1em 0; }
#conversejs #converse-register .login-anon, #conversejs #converse-login .login-anon {
height: auto;
white-space: normal; }
#conversejs form.add-chatroom {
background: none;
padding: 0.5em; }
......
css/converse.css.map
View file @ 2e297a1c
This diff is collapsed.
sass/converse.scss
View file @ 2e297a1c
......@@ -525,24 +525,6 @@
border: 1px solid red;
}
#converse-register {
.form-errors {
color: red;
display: none;
}
.provider-title {
font-size: 115%;
}
.provider-score {
width: 178px;
margin-bottom: 8px;
}
.form-help .url {
font-weight: bold;
color: $link-color;
}
}
.reg-feedback {
font-size: 85%;
}
......@@ -620,7 +602,7 @@
}
dl.add-converse-contact {
margin: 0 0.5em 0.5em 0.5em;
margin: 0 0.5em 0.75em 0.5em;
}
.fancy-dropdown {
......@@ -1081,18 +1063,19 @@
}
.controlbox-pane {
padding: 5px 0;
overflow-y: hidden;
overflow-x: hidden;
dd {
margin-left: 0;
margin-bottom: 0;
}
dd.odd {
&.odd {
background-color: #DCEAC5;
}
}
}
#converse-register {
background: white;
.title {
font-weight: bold;
}
......@@ -1102,53 +1085,60 @@
font-size: 85%;
margin: 5px 0;
}
.form-errors {
color: red;
display: none;
}
.form-help,
#converse-register .instructions {
color: gray;
font-size: 85%;
}
.form-help:hover,
#converse-register .instructions:hover {
color: $text-color;
}
.form-help {
padding-top: 5px;
.provider-title {
font-size: 22px;
}
#converse-register,
#converse-login {
background: white;
padding: 1em;
.provider-score {
width: 178px;
margin-bottom: 8px;
}
#converse-register input,
#converse-login input {
width: 100%;
height: 30px;
margin: 5px 0 10px 0;
padding-left: 0.5em;
.form-help .url {
font-weight: bold;
color: $link-color;
}
#converse-register {
.input-group {
table-layout: fixed;
display: table;
margin: auto;
width: 178px;
width: 100%;
span {
overflow-x: hidden;
text-overflow: ellipsis;
max-width: 110px;
}
span, input[name=username] {
display: table-cell;
text-align: left;
}
}
.instructions {
color: gray;
font-size: 85%;
&:hover {
color: $text-color;
}
}
}
#converse-register, #converse-login {
margin: 2em 1em 1em 1em;
background: white;
.login-submit, .submit {
height: 30px;
padding: 0px;
font-size: $font-size;
}
.submit {
margin: 1em 0;
}
.login-anon {
height: auto;
white-space: normal;
}
.cancel-submit, .save-submit {
width: 45%;
margin: 5px 3px 5px 3px;
......@@ -1159,6 +1149,22 @@
.save-submit {
color: $save-button-color;
}
input {
width: 100%;
height: 30px;
margin: 5px 0 10px 0;
padding-left: 0.5em;
}
}
.form-help {
color: gray;
font-size: 85%;
padding-top: 5px;
&:hover {
color: $text-color;
}
}
.chatroom-form label,
.controlbox-pane label,
......@@ -1170,21 +1176,6 @@
margin: 4px;
}
#converse-register, #converse-login {
.login-submit, .submit {
height: 30px;
padding: 0px;
font-size: $font-size;
}
.submit {
margin: 1em 0;
}
.login-anon {
height: auto;
white-space: normal;
}
}
form.add-chatroom {
background: none;
padding: 0.5em;
......@@ -1492,7 +1483,7 @@
.set-xmpp-status {
background: none;
padding: 0.5em;
padding: 0.75em 0.5em 0.5em 0.5em;
.dropdown dd ul {
z-index: 22;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7