Skip to content

C
converse.js
Commit aecf7f2c authored by pom2ter's avatar pom2ter Committed by JC Brand
Browse files
Options

fixing some alignment issues in the sidebar

parent cd29d104
Hide whitespace changes
Inline Side-by-side
Showing with 30 additions and 14 deletions
css/converse.css
View file @ aecf7f2c
...@@ -10803,7 +10803,6 @@ body.reset { ...@@ -10803,7 +10803,6 @@ body.reset {
color: var(--controlbox-heading-color); color: var(--controlbox-heading-color);
font-weight: var(--controlbox-heading-font-weight); font-weight: var(--controlbox-heading-font-weight);
padding: 0; padding: 0;
margin: var(--controlbox-heading-top-margin) 0 0.5em 0;
font-size: 1.1em; font-size: 1.1em;
line-height: 1.1em; line-height: 1.1em;
text-transform: uppercase; } text-transform: uppercase; }
...@@ -10813,10 +10812,11 @@ body.reset { ...@@ -10813,10 +10812,11 @@ body.reset {
color: var(--chat-head-color-dark); } color: var(--chat-head-color-dark); }
#conversejs #controlbox .controlbox-section .controlbox-heading__btn { #conversejs #controlbox .controlbox-section .controlbox-heading__btn {
cursor: pointer; cursor: pointer;
align-self: flex-start;
font-size: 1em; font-size: 1em;
padding: 0; padding: 0;
margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0.75em; } margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0;
min-width: 25px;
text-align: center; }
#conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard { #conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard {
margin-top: 1em; } margin-top: 1em; }
#conversejs #controlbox .dropdown a { #conversejs #controlbox .dropdown a {
...@@ -10868,7 +10868,13 @@ body.reset { ...@@ -10868,7 +10868,13 @@ body.reset {
padding: 1em 0 1em 0; } padding: 1em 0 1em 0; }
#conversejs #controlbox .controlbox-pane .controlbox-padded { #conversejs #controlbox .controlbox-pane .controlbox-padded {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; } padding-right: 1em;
align-items: center;
line-height: normal; }
#conversejs #controlbox .controlbox-pane .controlbox-padded .change-status {
min-width: 25px;
text-align: center;
}
#conversejs #controlbox .controlbox-pane .add-converse-contact { #conversejs #controlbox .controlbox-pane .add-converse-contact {
margin: 0 0 0.75em 0; } margin: 0 0 0.75em 0; }
#conversejs #controlbox .controlbox-pane .chatbox-btn { #conversejs #controlbox .controlbox-pane .chatbox-btn {
...@@ -11170,7 +11176,9 @@ body.reset { ...@@ -11170,7 +11176,9 @@ body.reset {
padding: 0.2em; } padding: 0.2em; }
#conversejs #converse-roster .roster-filter-form span { #conversejs #converse-roster .roster-filter-form span {
padding: 0.3em; padding: 0.3em;
cursor: pointer; } cursor: pointer;
min-width: 25px;
text-align: center; }
#conversejs #converse-roster .roster-filter-form .roster-filter { #conversejs #converse-roster .roster-filter-form .roster-filter {
width: 100%; width: 100%;
margin: 0.2em; margin: 0.2em;
...@@ -11234,8 +11242,8 @@ body.reset { ...@@ -11234,8 +11242,8 @@ body.reset {
display: inline-block; } display: inline-block; }
#conversejs #converse-roster .roster-contacts .roster-group li.current-xmpp-contact span { #conversejs #converse-roster .roster-contacts .roster-group li.current-xmpp-contact span {
font-size: var(--font-size); font-size: var(--font-size);
float: left; margin-right: 0.3em;
margin-right: 0.5em; } vertical-align: middle; }
#conversejs #converse-roster .roster-contacts .roster-group li.odd { #conversejs #converse-roster .roster-contacts .roster-group li.odd {
background-color: #DCEAC5; background-color: #DCEAC5;
/* Make this difference */ } /* Make this difference */ }
......
sass/_controlbox.scss
View file @ aecf7f2c
...@@ -226,7 +226,6 @@ ...@@ -226,7 +226,6 @@
color: var(--controlbox-heading-color); color: var(--controlbox-heading-color);
font-weight: var(--controlbox-heading-font-weight); font-weight: var(--controlbox-heading-font-weight);
padding: 0; padding: 0;
margin: var(--controlbox-heading-top-margin) 0 0.5em 0;
font-size: 1.1em; font-size: 1.1em;
line-height: 1.1em; line-height: 1.1em;
text-transform: uppercase; text-transform: uppercase;
...@@ -242,10 +241,11 @@ ...@@ -242,10 +241,11 @@
.controlbox-heading__btn { .controlbox-heading__btn {
cursor: pointer; cursor: pointer;
align-self: flex-start;
font-size: 1em; font-size: 1em;
padding: 0; padding: 0;
margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0.75em; margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0;
min-width: 25px;
text-align: center;
&.fa-vcard { &.fa-vcard {
margin-top: 1em; margin-top: 1em;
} }
...@@ -320,8 +320,14 @@ ...@@ -320,8 +320,14 @@
padding: 1em 0 1em 0; padding: 1em 0 1em 0;
.controlbox-padded { .controlbox-padded {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
align-items: center;
line-height: normal;
.change-status {
min-width: 25px;
text-align: center;
}
} }
.add-converse-contact { .add-converse-contact {
......
sass/_roster.scss
View file @ aecf7f2c
...@@ -32,6 +32,8 @@ ...@@ -32,6 +32,8 @@
span { span {
padding: 0.3em; padding: 0.3em;
cursor: pointer; cursor: pointer;
min-width: 25px;
text-align: center;
} }
.roster-filter { .roster-filter {
...@@ -124,8 +126,8 @@ ...@@ -124,8 +126,8 @@
} }
&.current-xmpp-contact span { &.current-xmpp-contact span {
font-size: var(--font-size); font-size: var(--font-size);
float: left; margin-right: 0.3em;
margin-right: 0.5em; vertical-align: middle;
} }
&.odd { &.odd {
background-color: #DCEAC5; background-color: #DCEAC5;
......
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