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

CSS improvements.

Browse Source 
- Last pending contact was being obscured/overflowing
- Select box for filtering was not aligned
This commit is contained in:
JC Brand 2015-10-16 14:12:10 +00:00
parent af77b3189e
commit 8b20394560
4 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Makefile
View File

@ -104,9 +104,11 @@ dev: stamp-bower stamp-bundler
########################################################################
## Builds
css:: stamp-bundler
sass::
$(SASS) -I ./components/bourbon/app/assets/stylesheets/ sass/converse.scss css/converse.css
css:: stamp-bundler sass cssmin
watch:: stamp-bundler
$(SASS) --watch -I ./components/bourbon/app/assets/stylesheets/ sass/converse.scss:css/converse.css

7
css/converse.css
View File

@ -686,6 +686,7 @@
height: 194px;
height: calc(100% - 50px - 20px);
overflow: hidden;
padding-bottom: 1em;
/* (jQ addClass:) if input has value: */
/* (jQ addClass:) if mouse is over the 'x' input area*/ }
#conversejs #converse-roster.no-contact-requests {
@ -693,11 +694,13 @@
#conversejs #converse-roster .filter-type {
display: table-cell;
float: right;
font-size: 14px;
font-size: calc(14px - 2px);
height: 25px;
margin: 0 0 0.5em -1px;
padding: 0;
width: 84px; }
width: 84px;
border-radius: 0;
border: 1px solid; }
#conversejs #converse-roster .roster-filter {
float: left;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg==) no-repeat right -20px center;

4
index.html
View File

@ -89,9 +89,9 @@
<div class="row">
<div class="col-md-8 col-md-offset-2 banner-social-buttons">
<ul class="list-inline">
<li><a href="https://twitter.com/jcopkode" class="btn btn-circle btn-lg" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
<li><a href="https://twitter.com/jcopkode" class="btn btn-circle btn-lg" title="Twitter" target="_blank"><i class="fa fa-twitter">Twitter</i></a>
</li>
<li><a href="https://github.com/jcbrand/converse.js" class="btn btn-circle btn-lg" title="GitHub" target="_blank"><i class="fa fa-github"></i></a>
<li><a href="https://github.com/jcbrand/converse.js" class="btn btn-circle btn-lg" title="GitHub" target="_blank"><i class="fa fa-github">Github</i></a>
</li>
</ul>
</div>

5
sass/_core.scss
View File

@ -731,6 +731,7 @@
height: $roster-height;
height: calc(100% - #{$controlbox-dropdown-height*2} - 20px);
overflow: hidden;
padding-bottom: 1em;
&.no-contact-requests {
height: calc(100% - #{$controlbox-dropdown-height} - 20px);
@ -739,11 +740,13 @@
.filter-type {
display: table-cell;
float: right;
font-size: $font-size;
font-size: calc(#{$font-size} - 2px);
height: $controlbox-dropdown-height;
margin: 0 0 0.5em -1px;
padding: 0;
width: 84px;
border-radius: 0;
border: 1px solid;
}
.roster-filter {
float: left;