Adjust styles and code to support custom list bullets

Tweak specificty of the rule that hides bullets so that it is easy to override. Move dir and lang attributes from <li> to <a> so that the bullets appear on the correct side for reverse directionality scripts. Change-Id: Ic0d0c5220b0b374c2a3a19023c40d81f3e20007c
2016-06-02 09:24:56 +02:00
parent 20eea5de9f
commit 25775dd147
3 changed files with 34 additions and 19 deletions
--- a/examples/decorator.html
+++ b/examples/decorator.html
@@ -21,11 +21,19 @@
 		$( document ).ready( function () {
 			$( '.uls-trigger' ).uls( {
 				languageDecorator: function ( $language, languageCode ) {
+					if ( languageCode.indexOf( 'm' ) >= 0 ) {
+						$language.parent().addClass( 'badge' );
+					}
 					$language.prop( 'href', '//' + languageCode + '.wikipedia.org' );
 				},
 			} );
 		} );
 	</script>
+	<style>
+		.badge {
+			list-style-type: square;
+		}
+	</style>
 </head>

 <body>