Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

fixing some alignment issues in the sidebar

Browse Source
This commit is contained in:
pom2ter 2018-12-11 16:15:15 -05:00 committed by JC Brand
parent cd29d10436
commit aecf7f2cdf
3 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/converse.css
View File

@ -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 {
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 {
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 {
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 {
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 */ }

16
sass/_controlbox.scss
View File

@ -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 @@
.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 @@
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 {

6
sass/_roster.scss
View File

@ -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 @@
} }
&.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;