Browse Source

userlist updates

Andrew Dolgov 7 months ago
parent
commit
6f81ad3020
3 changed files with 9 additions and 20 deletions
  1. 1 1
      css/default.css
  2. 6 17
      css/default.less
  3. 2 2
      index.php

File diff suppressed because it is too large
+ 1 - 1
css/default.css


+ 6 - 17
css/default.less

@@ -285,7 +285,7 @@ div#errorBox textarea {
 			order : 1;
 		}
 
-		> .conn-img {
+		> .conn-pic {
 			margin-right : 7px;
 			order : 2;
 		}
@@ -586,25 +586,14 @@ body.main.active #tabs-list li.selected span.unread {
 	padding : 5px;
 	font-family : @fonts-ui;
 
-	span.user-img {
-		display : inline-block;
-		vertical-align : middle;
-		width : 11px;
-		height : 11px;
-		border : 1px solid #ccc;
-		border-radius : 20px;
-		box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-		background : #f0f0f0;
-	}
-
-	span.user-img.voice {
-		background : #EDE4B6;
+	li {
+		display : flex;
+		align-items : center;
 	}
 
-	span.user-img.op {
-		background : #B8F2B8;
+	span.user-pic {
+		margin-right : 5px;
 	}
-
 }
 
 body.dark #log .message pre {

+ 2 - 2
index.php

@@ -249,7 +249,7 @@
 	<div id="tabs-inner">
 		<ul id="tabs-list" data-bind="foreach: connections">
 			<li channel="---" tab_type="S" data-bind="attr: { id: 'tab-' + id(), connection_id: id() }, css: { selected: selected, muted: muted(), attention: unread() > 0 }" onclick="change_tab(this, event)">
-				<span class="glyphicon conn-img" data-bind="attr: { id: 'cimg-' + id() }, css: { 'text-success glyphicon-ok-sign': connected(), 'text-muted glyphicon-remove-circle': !connected() }"> </span>
+				<span class="glyphicon conn-pic" data-bind="attr: { id: 'cimg-' + id() }, css: { 'text-success glyphicon-ok-sign': connected(), 'text-muted glyphicon-remove-circle': !connected() }"> </span>
 				<div data-bind="text: title"></div>
 			</li>
 			<ul class="sub-tabs" data-bind="foreach: channels, attr: { id: 'tabs-' + id() }">
@@ -291,7 +291,7 @@
 			<div data-bind="with: activeChannel" id="userlist-inner">
 				<ul id="userlist-list" data-bind="foreach: nicklist">
 					<li data-bind="attr: { ident: $root.getNickIdent($root.activeChannel().connection_id(), $data) }">
-						<span data-bind="css: { 'user-img': true, op: $root.nickIsOp($data), voice: $root.nickIsVoiced($data) }"> </span>
+						<span class="user-pic glyphicon glyphicon-user" data-bind="css: { 'text-success': $root.nickIsOp($data), 'text-warning': $root.nickIsVoiced($data) }"> </span>
 						<span onclick="query_user(this)"
 							data-bind="text: $root.stripNickPrefix($data),
 								css: { away: $root.isUserAway($root.activeChannel().connection_id(), $data) },