Version 1.4.7: Notice 4, iso-hint for langattr, download icon cyanine

system/author/css/style.css

@@ -281,6 +281,10 @@ button.note3{
     background-color: #08e;
 	color: #fff;
 }
+button.note4{
+    background-color: #00ee67;
+	color: #fff;	
+}
 
 .blox-editor textarea.pl-notice{
 	padding-left: 40px;
@@ -297,17 +301,21 @@ button.note3{
     background-color: #fffbf0;
     border-left: 10px solid #fb0;
 }
-.notice3,
+.notice3{
+    margin: 1em 0;
+    padding: 10px 1em;
+    background-color: #f0f8fe;
+    border-left: 10px solid #08e;	
+}
 .notice4,
 .notice5,
 .notice6 {
     margin: 1em 0;
     padding: 10px 1em;
-    background-color: #f0f8fe;
-    border-left: 10px solid #08e;
+    background-color: #f1fff7;
+    border-left: 10px solid #00ee67;
 }
 
-
 /********************
 * 		NAVI 		*
 ********************/

system/author/js/vue-blox.js

@@ -873,7 +873,7 @@ const noticeComponent = Vue.component('notice-component', {
 			}
 
 			this.prefix = this.prefix + '!';
-			if(this.prefix.length > 3)
+			if(this.prefix.length > 4)
 			{
 				this.prefix = '!';
 			}

system/author/settings/system.twig

@@ -64,6 +64,7 @@
 					</div><div class="medium{{ errors.settings.langattr ? ' error' : '' }}">
 						<label for="langattr">{{ __('Language_attr') }}</label>
 						<input type="text" name="settings[langattr]" id="langattr" value="{{ old.settings.langattr ? old.settings.langattr : settings.langattr }}" pattern="[a-z]{2}" title="{{ __('Use a valid language attribute') }}, {{ __('e.g.') }} en" />
+						<div class="description">Please use <a target="_blank" href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">ISO 639-1 codes</a> like "en"</div>
 						{% if errors.settings.langattr %}
 							<span class="error">{{ errors.settings.langattr | first }}</span>
 						{% endif %}