:triumphant:

themes/antergos/README.textile

@@ -60,11 +60,7 @@ You may also want to :
 
 h1. User icons management
 
-To change users icons, there are two options :
-
-* Create a @.face@ file in the user's home folder in which you put a @jpg@ or @png@ resource
-
-Or 
+To change users icons:
 
 * Create a resource named with the user's login in @/var/lib/AccountsService/icons/@
 * Edit @/var/lib/AccountsService/users/<userLogin>@ and add a property @Icon@ targeting the icon resource you just created

themes/antergos/css/bootstrap/theme.css

@@ -208,6 +208,10 @@ a {
 	background-position: center !important;
 }
 
+#user-target2 {
+	position: relative;
+}
+
 #user-target2 i {
 	right: -21px;
 	color: #2C3E50;
@@ -288,7 +292,7 @@ a {
 	min-height: 275px;
 }
 
-#panel-fix .panel-shadow, .panel-group {
+#panel-fix .panel-shadow, .panel-group, .panel-shadow {
 	box-shadow: none !important;
 	border: none !important;
 }
@@ -359,10 +363,12 @@ div.password, div.status, div.timer {
 	margin: 0 auto;
 }
 
-.password.form-control {
-	font-size: 14px !important;
-	height: 37px;
-	width: 74% !important;
+#passwordField {
+	margin-left: 1px;
+}
+
+.input-group-btn {
+	width: auto;
 }
 
 input.password.form-control:focus {
@@ -442,7 +448,7 @@ input.password.form-control:focus {
 	max-width: 50%;
 	margin: 0 auto;
 	display: -webkit-box;
-	overflow: auto;
+	overflow: visible;
 }
 
 #list-group {
@@ -536,4 +542,4 @@ a.list-group-item:focus:after, a.list-group-item:hover:after, a.list-group-item.
 .input-group, #passwordArea table {
 	width: 100%;
 	margin-top: 5px;
-}
+}

themes/antergos/index.html

@@ -106,6 +106,7 @@
 			if (localStorage.getItem("bgrandom") == null) {
 				localStorage.setItem("bgrandom", "1");
 			}
+	  		$('.dropdown-toggle').dropdown();
 		});
 
 		function showAlert() {
@@ -202,7 +203,7 @@
                                     </span> <span class="welcome">Welcome!</span>
 								<span id="hostname" class="pull-right"></span>
 							</div>
-							<div id="panelfix" class="panel-body">
+							<div id="panelfix" class="panel-body panel-shadow">
 								<div class="panel-group" id="accordion">
 									<div class="panel panel-default panel-shadow time-panel">
 
@@ -220,8 +221,8 @@
 									</div>
 									<div class="panel panel-default panel-shadow panel-flow">
 										<!-- User Selection Widget -->
-										<div id="collapseTwo" class="panel-collapse collapse">
-											<div id="list-group" class="panel-body panel-wrap">
+										<div id="collapseTwo" class="panel-collapse panel-shadow collapse">
+											<div id="list-group" class="panel-body panel-shadow panel-wrap">
 
 												<div class="user-wrap2">
 
@@ -289,6 +290,10 @@
 												</div>
 
 											</div>
+											<!-- This is a hack to work-around webkit2gtk glitches with drawing on screen.
+											     The spinner animation makes GTK constantly repaint the screen which prevents
+											     WSOD (White Screen Of Death) -->
+										  <i class="fa fa-spinner fa-spin" style="color: transparent"></i>
 										</div>
 									</div>
 
@@ -299,7 +304,7 @@
 								<div id="session-list" class="btn-group pull-left hidden">
 									<button type="button" class="btn btn-default selected"></button>
 									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-										<i class="fa fa-caret-down"></i></button>
+										<span class="fa fa-caret-down"></span></button>
 									<ul id="sessions" class="dropdown-menu"></ul>
 								</div>
 								<div id="actionsArea" class="btn-group pull-right"></div>
@@ -338,13 +343,13 @@
 	});
 
 	$('#collapseTwo').on('shown.bs.collapse', function () {
-		$('#collapseTwo a').each(function (index) {
+		$('#collapseTwo a').filter(':not(.dropdown-menu *)').each(function (index) {
 			var i = index + 1;
 			$(this).attr('tabindex', i);
 		});
 	});
 	$('#collapseTwo').on('hidden.bs.collapse', function () {
-		$('#collapseTwo a').each(function (index) {
+		$('#collapseTwo a').filter(':not(.dropdown-menu *)').each(function (index) {
 			$(this).attr('tabindex', -1);
 		});
 	});

themes/antergos/index.theme

@@ -1,6 +1,6 @@
 [theme]
 name=Antergos
-version=2.2
+version=2.3
 description=Antergos Theme
 engine=lightdm-webkit2-greeter
 url=index.html

themes/antergos/js/greeter.js

@@ -63,25 +63,26 @@ $(document).ready(function () {
 				'<span class="badge"><i class="fa fa-check"></i></span>' +
 				'</a>';
 			$(userList).append(li);
-			if ($(userList).children().length > 3) {
+		}
+		if ($(userList).children().length > 3) {
 				$(userList).css('column-count', '2');
 				$(userList).parent().css('max-width', '85%');
 			}
-		}
 	}
 
 	function buildSessionList() {
 		// Build Session List
+		var btnGrp = $('#sessions');
 		for (var i in lightdm.sessions) {
 			var session = lightdm.sessions[i];
-			var btnGrp = document.getElementById('sessions');
 			var theClass = session.name.replace(/ /g, '');
-			var button = '\n<li><a href="#" id="' + session.key + '" onclick="sessionToggle(this)" class="' + theClass + '">' + session.name + '</a></li>';
+			var button = '\n<li><a href="#" data-session-id="' + session.key + '" onclick="sessionToggle(this)" class="' + theClass + '">' + session.name + '</a></li>';
 
 			$(btnGrp).append(button);
 
 
 		}
+		$('.dropdown-toggle').dropdown();
 	}
 
 	function show_users() {
@@ -93,6 +94,8 @@ $(document).ready(function () {
 
 	}
 
+	$(window).load(function() {
+
 	/**
 	 * UI Initialization.
 	 */
@@ -113,6 +116,7 @@ $(document).ready(function () {
 	addActionLink("hibernate");
 	addActionLink("suspend");
 	addActionLink("restart");
+	});
 
 	function get_hostname() {
 		var hostname = lightdm.hostname;
@@ -268,14 +272,15 @@ $(document).ready(function () {
 		var usrSession = localStorage.getItem(userId);
 
 		log("usrSession: " + usrSession);
-		var usrSessionEl = "#" + usrSession;
+		var usrSessionEl = "[data-session-id=" + usrSession + "]";
 		var usrSessionName = $(usrSessionEl).html();
 		log("usrSessionName: " + usrSessionName);
 		$('.selected').html(usrSessionName);
-		$('.selected').attr('id', usrSession);
+		$('.selected').attr('data-session-id', usrSession);
 		$('#session-list').removeClass('hidden');
 		$('#session-list').show();
 		$('#passwordArea').show();
+		$('.dropdown-toggle').dropdown();
 		authPending = true;
 
 		lightdm.start_authentication(userId);
@@ -320,9 +325,9 @@ $(document).ready(function () {
 
 	window.sessionToggle = function (el) {
 		var selText = $(el).text();
-		var theID = $(el).attr('id');
+		var theID = $(el).attr('data-session-id');
 		var selUser = localStorage.getItem('selUser');
-		$(el).parents('.btn-group').find('.selected').attr('id', theID);
+		$(el).parents('.btn-group').find('.selected').attr('data-session-id', theID);
 		$(el).parents('.btn-group').find('.selected').html(selText);
 		localStorage.setItem(selUser, theID)
 	};
@@ -364,4 +369,4 @@ function show_message(text) {
 
 function show_error(text) {
 	show_message(text);
-}
+}