Skip to content

Commit 748d9c5

Browse files
philwarehamphilwareham
committed
Reduced UI selects
1 parent 10aba96 commit 748d9c5

File tree

7 files changed

+127
-105
lines changed

7 files changed

+127
-105
lines changed

‎dist/hive/assets/css/textpattern.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/hiveneutral/assets/css/textpattern.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/setup-multisite.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎mockups/login.html‎

Lines changed: 46 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,52 @@ <h1>Textpattern</h1>
3131

3232
<form class="txp-login" id="login_form" method="post" action="content-article.html">
3333
<h1 id="txp-login-heading">Log in to Textpattern</h1>
34+
<p class="login-language txp-reduced-ui">
35+
<label for="lang">Language</label>
36+
<select id="language-user" name="language-user" autocomplete="language">
37+
<option value="ar-dz">جزائري عربي</option>
38+
<option value="bg-bg">Български</option>
39+
<option value="bs-ba">Bosanski</option>
40+
<option value="ca-es">Català</option>
41+
<option value="cs-cz">Čeština</option>
42+
<option value="da-dk">Dansk</option>
43+
<option value="de-de">Deutsch</option>
44+
<option value="el-gr">Ελληνικά</option>
45+
<option value="en-gb" selected="selected">English (Great Britain)</option>
46+
<option value="en-us">English (United States)</option>
47+
<option value="es-es">Español</option>
48+
<option value="et-ee">Eesti</option>
49+
<option value="fi-fi">Suomi</option>
50+
<option value="fr-fr">Français</option>
51+
<option value="gl-gz">Galego</option>
52+
<option value="he-il">עברית</option>
53+
<option value="hr-hr">Hrvatski</option>
54+
<option value="hu-hu">Magyar</option>
55+
<option value="id-id">Bahasa Indonesia</option>
56+
<option value="is-is">Íslenska</option>
57+
<option value="it-it">Italiano</option>
58+
<option value="ja-jp">日本語</option>
59+
<option value="ko-kr">한국말 (대한민국)</option>
60+
<option value="lv-lv">Latviešu</option>
61+
<option value="nl-nl">Nederlands</option>
62+
<option value="no-no">Norsk</option>
63+
<option value="pl-pl">Polski</option>
64+
<option value="pt-br">Português (Brasil)</option>
65+
<option value="pt-pt">Português (Portugal)</option>
66+
<option value="ro-ro">Română</option>
67+
<option value="ru-ru">Русский</option>
68+
<option value="sk-sk">Slovenčina</option>
69+
<option value="sp-rs">Srpski</option>
70+
<option value="sr-rs">Српски</option>
71+
<option value="sv-se">Svenska</option>
72+
<option value="th-th">ไทย</option>
73+
<option value="tr-tr">Türkçe</option>
74+
<option value="uk-ua">Українська</option>
75+
<option value="vi-vn">Tiếng Việt (Việt Nam)</option>
76+
<option value="zh-cn">中文(简体)</option>
77+
<option value="zh-tw">中文(繁體)</option>
78+
</select>
79+
</p>
3480
<div class="txp-form-field login-name">
3581
<div class="txp-form-field-label"><label for="login_name">Name</label></div>
3682
<div class="txp-form-field-value"><input id="login_name" name="p_userid" type="text" size="32" required="required" autocomplete="username" autofocus></div>
@@ -39,54 +85,6 @@ <h1 id="txp-login-heading">Log in to Textpattern</h1>
3985
<div class="txp-form-field-label"><label for="login_password">Password</label></div>
4086
<div class="txp-form-field-value"><input id="login_password" name="p_password" type="password" size="32" required="required" autocomplete="current-password"></div>
4187
</div>
42-
<div class="txp-form-field">
43-
<div class="txp-form-field-label"><label for="language-user">User language</label></div>
44-
<div class="txp-form-field-value">
45-
<select id="language-user" name="language-user" autocomplete="language">
46-
<option value="ar-dz">جزائري عربي</option>
47-
<option value="bg-bg">Български</option>
48-
<option value="bs-ba">Bosanski (Bosna i Hercegovina)</option>
49-
<option value="ca-es">Català</option>
50-
<option value="cs-cz">Čeština</option>
51-
<option value="da-dk">Dansk</option>
52-
<option value="de-de">Deutsch</option>
53-
<option value="el-gr">Ελληνικά</option>
54-
<option value="en-gb" selected="selected">English (Great Britain)</option>
55-
<option value="en-us">English (United States)</option>
56-
<option value="es-es">Español</option>
57-
<option value="et-ee">Eesti</option>
58-
<option value="fi-fi">Suomi</option>
59-
<option value="fr-fr">Français</option>
60-
<option value="gl-gz">Galego</option>
61-
<option value="he-il">עברית</option>
62-
<option value="hr-hr">Hrvatski</option>
63-
<option value="hu-hu">Magyar</option>
64-
<option value="id-id">Bahasa Indonesia</option>
65-
<option value="is-is">Íslenska</option>
66-
<option value="it-it">Italiano</option>
67-
<option value="ja-jp">日本語</option>
68-
<option value="ko-kr">한국말 (대한민국)</option>
69-
<option value="lv-lv">Latviešu</option>
70-
<option value="nl-nl">Nederlands</option>
71-
<option value="no-no">Norsk</option>
72-
<option value="pl-pl">Polski</option>
73-
<option value="pt-br">Português (Brasil)</option>
74-
<option value="pt-pt">Português (Portugal)</option>
75-
<option value="ro-ro">Română</option>
76-
<option value="ru-ru">Русский</option>
77-
<option value="sk-sk">Slovenčina</option>
78-
<option value="sp-rs">Srpski</option>
79-
<option value="sr-rs">Српски</option>
80-
<option value="sv-se">Svenska</option>
81-
<option value="th-th">ไทย</option>
82-
<option value="tr-tr">Türkçe</option>
83-
<option value="uk-ua">Українська</option>
84-
<option value="vi-vn">Tiếng Việt (Việt Nam)</option>
85-
<option value="zh-cn">中文(简体)</option>
86-
<option value="zh-tw">中文(繁體)</option>
87-
</select>
88-
</div>
89-
</div>
9088
<p class="login-stay">
9189
<input class="checkbox active" id="login_stay" name="stay" type="checkbox" value="1" checked="checked">
9290
<label for="login_stay">Remain logged in with this browser&#160;<a rel="help" target="_blank" href="http://rpc.textpattern.com/help/?item=remember_login&#38;language=en-gb" role="button" class="pophelp" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label>

‎mockups/logout.html‎

Lines changed: 46 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,52 @@ <h1>Textpattern</h1>
3131

3232
<form class="txp-login" id="login_form" method="post" action="content-article.html">
3333
<h1 id="txp-login-heading">Log in to Textpattern</h1>
34+
<p class="login-language txp-reduced-ui">
35+
<label for="lang">Language</label>
36+
<select id="language-user" name="language-user" autocomplete="language">
37+
<option value="ar-dz">جزائري عربي</option>
38+
<option value="bg-bg">Български</option>
39+
<option value="bs-ba">Bosanski</option>
40+
<option value="ca-es">Català</option>
41+
<option value="cs-cz">Čeština</option>
42+
<option value="da-dk">Dansk</option>
43+
<option value="de-de">Deutsch</option>
44+
<option value="el-gr">Ελληνικά</option>
45+
<option value="en-gb" selected="selected">English (Great Britain)</option>
46+
<option value="en-us">English (United States)</option>
47+
<option value="es-es">Español</option>
48+
<option value="et-ee">Eesti</option>
49+
<option value="fi-fi">Suomi</option>
50+
<option value="fr-fr">Français</option>
51+
<option value="gl-gz">Galego</option>
52+
<option value="he-il">עברית</option>
53+
<option value="hr-hr">Hrvatski</option>
54+
<option value="hu-hu">Magyar</option>
55+
<option value="id-id">Bahasa Indonesia</option>
56+
<option value="is-is">Íslenska</option>
57+
<option value="it-it">Italiano</option>
58+
<option value="ja-jp">日本語</option>
59+
<option value="ko-kr">한국말 (대한민국)</option>
60+
<option value="lv-lv">Latviešu</option>
61+
<option value="nl-nl">Nederlands</option>
62+
<option value="no-no">Norsk</option>
63+
<option value="pl-pl">Polski</option>
64+
<option value="pt-br">Português (Brasil)</option>
65+
<option value="pt-pt">Português (Portugal)</option>
66+
<option value="ro-ro">Română</option>
67+
<option value="ru-ru">Русский</option>
68+
<option value="sk-sk">Slovenčina</option>
69+
<option value="sp-rs">Srpski</option>
70+
<option value="sr-rs">Српски</option>
71+
<option value="sv-se">Svenska</option>
72+
<option value="th-th">ไทย</option>
73+
<option value="tr-tr">Türkçe</option>
74+
<option value="uk-ua">Українська</option>
75+
<option value="vi-vn">Tiếng Việt (Việt Nam)</option>
76+
<option value="zh-cn">中文(简体)</option>
77+
<option value="zh-tw">中文(繁體)</option>
78+
</select>
79+
</p>
3480
<div class="txp-form-field login-name">
3581
<div class="txp-form-field-label"><label for="login_name">Name</label></div>
3682
<div class="txp-form-field-value"><input id="login_name" name="p_userid" type="text" size="32" required="required" autocomplete="username" autofocus></div>
@@ -39,54 +85,6 @@ <h1 id="txp-login-heading">Log in to Textpattern</h1>
3985
<div class="txp-form-field-label"><label for="login_password">Password</label></div>
4086
<div class="txp-form-field-value"><input id="login_password" name="p_password" type="password" size="32" required="required" autocomplete="current-password"></div>
4187
</div>
42-
<div class="txp-form-field">
43-
<div class="txp-form-field-label"><label for="language-user">User language</label></div>
44-
<div class="txp-form-field-value">
45-
<select id="language-user" name="language-user" autocomplete="language">
46-
<option value="ar-dz">جزائري عربي</option>
47-
<option value="bg-bg">Български</option>
48-
<option value="bs-ba">Bosanski (Bosna i Hercegovina)</option>
49-
<option value="ca-es">Català</option>
50-
<option value="cs-cz">Čeština</option>
51-
<option value="da-dk">Dansk</option>
52-
<option value="de-de">Deutsch</option>
53-
<option value="el-gr">Ελληνικά</option>
54-
<option value="en-gb" selected="selected">English (Great Britain)</option>
55-
<option value="en-us">English (United States)</option>
56-
<option value="es-es">Español</option>
57-
<option value="et-ee">Eesti</option>
58-
<option value="fi-fi">Suomi</option>
59-
<option value="fr-fr">Français</option>
60-
<option value="gl-gz">Galego</option>
61-
<option value="he-il">עברית</option>
62-
<option value="hr-hr">Hrvatski</option>
63-
<option value="hu-hu">Magyar</option>
64-
<option value="id-id">Bahasa Indonesia</option>
65-
<option value="is-is">Íslenska</option>
66-
<option value="it-it">Italiano</option>
67-
<option value="ja-jp">日本語</option>
68-
<option value="ko-kr">한국말 (대한민국)</option>
69-
<option value="lv-lv">Latviešu</option>
70-
<option value="nl-nl">Nederlands</option>
71-
<option value="no-no">Norsk</option>
72-
<option value="pl-pl">Polski</option>
73-
<option value="pt-br">Português (Brasil)</option>
74-
<option value="pt-pt">Português (Portugal)</option>
75-
<option value="ro-ro">Română</option>
76-
<option value="ru-ru">Русский</option>
77-
<option value="sk-sk">Slovenčina</option>
78-
<option value="sp-rs">Srpski</option>
79-
<option value="sr-rs">Српски</option>
80-
<option value="sv-se">Svenska</option>
81-
<option value="th-th">ไทย</option>
82-
<option value="tr-tr">Türkçe</option>
83-
<option value="uk-ua">Українська</option>
84-
<option value="vi-vn">Tiếng Việt (Việt Nam)</option>
85-
<option value="zh-cn">中文(简体)</option>
86-
<option value="zh-tw">中文(繁體)</option>
87-
</select>
88-
</div>
89-
</div>
9088
<p class="login-stay">
9189
<input class="checkbox active" id="login_stay" name="stay" type="checkbox" value="1" checked="checked">
9290
<label for="login_stay">Remain logged in with this browser&#160;<a rel="help" target="_blank" href="http://rpc.textpattern.com/help/?item=remember_login&#38;language=en-gb" role="button" class="pophelp" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label>

‎package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "textpattern-hive-admin-theme",
33
"description": "The default admin theme that ships as standard with Textpattern CMS.",
4-
"version": "4.8.1",
4+
"version": "4.8.2",
55
"keywords": [
66
"admin",
77
"theme",
@@ -25,7 +25,7 @@
2525
"url": "https://github.com/philwareham/textpattern-hive-admin-theme/issues"
2626
},
2727
"devDependencies": {
28-
"autoprefixer": "9.8.0",
28+
"autoprefixer": "9.8.2",
2929
"cssnano": "4.1.10",
3030
"grunt": "1.1.0",
3131
"grunt-cli": "1.3.2",
@@ -39,10 +39,10 @@
3939
"grunt-sass": "3.1.0",
4040
"grunt-stylelint": "0.15.0",
4141
"load-grunt-tasks": "5.1.0",
42-
"sass": "1.26.5",
43-
"stylelint": "13.5.0",
44-
"stylelint-order": "4.0.0",
45-
"stylelint-scss": "3.17.2",
42+
"sass": "1.26.8",
43+
"stylelint": "13.6.1",
44+
"stylelint-order": "4.1.0",
45+
"stylelint-scss": "3.18.0",
4646
"uglify-save-license": "0.4.1"
4747
},
4848
"dependencies": {

‎src/assets/sass/modules/_forms.scss‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -391,11 +391,37 @@ select {
391391
text-transform: none;
392392
}
393393

394+
.txp-reduced-ui select {
395+
border-color: $color-background;
396+
background-color: $color-background;
397+
398+
&:hover {
399+
border-color: $color-border-extra-dark;
400+
}
401+
402+
&:focus {
403+
border-color: $color-link-focus;
404+
}
405+
}
406+
394407
@include dark-mode {
395408
select {
396409
background-color: $dark-color-background-form;
397410
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 4'%3E%3Cpolygon fill='%23788591' points='3.5,4 0,0 7,0'/%3E%3C/svg%3E");
398411
}
412+
413+
.txp-reduced-ui select {
414+
border-color: $dark-color-background;
415+
background-color: $dark-color-background;
416+
417+
&:hover {
418+
border-color: $dark-color-border-extra-light;
419+
}
420+
421+
&:focus {
422+
border-color: $dark-color-link-focus;
423+
}
424+
}
399425
}
400426

401427
/**

0 commit comments

Comments
 (0)