[Bf-docboard-svn] bf-manual: [8348] trunk/blender_docs/resources: version switch: rename dropdown to popover

[Tobias Heinke]

Revision: 8348
          https://developer.blender.org/rBM8348
Author:   TobiasH
Date:     2021-08-24 14:33:03 +0200 (Tue, 24 Aug 2021)
Log Message:
-----------
version switch: rename dropdown to popover

Modified Paths:
--------------
    trunk/blender_docs/resources/templates/versions.html
    trunk/blender_docs/resources/theme/css/version_switch.css
    trunk/blender_docs/resources/theme/js/version_switch.js

Modified: trunk/blender_docs/resources/templates/versions.html
===================================================================
--- trunk/blender_docs/resources/templates/versions.html	2021-08-24 05:40:26 UTC (rev 8347)
+++ trunk/blender_docs/resources/templates/versions.html	2021-08-24 12:33:03 UTC (rev 8348)
@@ -1,25 +1,25 @@
 <div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="document versions">
 <ul id="versionwrap" role="presentation">
    <li style="float:left" role="presentation">
-		<span id="version-dropdown" class="version-btn" tabindex="0" role="button" aria-label="versions selector" aria-haspopup="true" aria-controls="version-vsnlist" aria-disabled="true">
+		<span id="version-popover" class="version-btn" tabindex="0" role="button" aria-label="versions selector" aria-haspopup="true" aria-controls="version-vsnlist" aria-disabled="true">
 		{{ release }} 
 		</span>
 		<div class="version-dialog" aria-hidden="true">
 			<div class="version-arrow" aria-hidden="true"></div>
 			<div class="version-title">Versions</div>
-			<ul id="version-vsnlist" class="version-list" role="menu" aria-labelledby="version-dropdown" aria-hidden="true">
+			<ul id="version-vsnlist" class="version-list" role="menu" aria-labelledby="version-popover" aria-hidden="true">
 				<li role="presentation">Loading...</li>
 			</ul>
 		</div>
 	</li>
    <li style="float:right" role="presentation">
-		<span id="lang-dropdown" class="version-btn" tabindex="0" role="button"  aria-label="language selector" aria-haspopup="true" aria-controls="version-langlist">
+		<span id="lang-popover" class="version-btn" tabindex="0" role="button"  aria-label="language selector" aria-haspopup="true" aria-controls="version-langlist">
 			{% if language is not none %} {{ language }} {% else %} en {% endif %}
 		</span>
 		<div class="version-dialog" aria-hidden="true">
 			<div class="version-arrow" aria-hidden="true"></div>
 			<div class="version-title">Languages</div>
-			<ul id="version-langlist" class="version-list" role="menu" aria-labelledby="lang-dropdown" aria-hidden="true">
+			<ul id="version-langlist" class="version-list" role="menu" aria-labelledby="lang-popover" aria-hidden="true">
 				<li role="presentation">Loading...</li>
 			</ul>
 		</div>

Modified: trunk/blender_docs/resources/theme/css/version_switch.css
===================================================================
--- trunk/blender_docs/resources/theme/css/version_switch.css	2021-08-24 05:40:26 UTC (rev 8347)
+++ trunk/blender_docs/resources/theme/css/version_switch.css	2021-08-24 12:33:03 UTC (rev 8348)
@@ -67,9 +67,10 @@
 	background-color: #0003;
 	border-radius: 3px;
 	box-shadow: 0 0 6px #000C;
-	z-index: 399;
+	z-index: 999;
 	max-height: calc(100vh - 30px);
 	overflow-y: auto;
+	cursor: default;
 }
 .version-title {
 	padding: 5px;
@@ -84,6 +85,7 @@
 	text-align: center;
 	background-color: #000C;
 	border: solid 1px gray;
+	border-radius: 0px 0px 3px 3px;
 }
 .version-list a, .version-list span, .version-list li {
 	position: relative;

Modified: trunk/blender_docs/resources/theme/js/version_switch.js
===================================================================
--- trunk/blender_docs/resources/theme/js/version_switch.js	2021-08-24 05:40:26 UTC (rev 8347)
+++ trunk/blender_docs/resources/theme/js/version_switch.js	2021-08-24 12:33:03 UTC (rev 8348)
@@ -1,4 +1,4 @@
-(function() {//switch: v1.1
+(function() {//switch: v1.2
 "use strict";
 
 var versionsFileUrl = "https://docs.blender.org/versions.json"
@@ -27,10 +27,10 @@
 	"zh-hant": "&#x4E2D;&#x6587;(&#x7E41;&#x9AD4;)",
 };
 
-var Drop=function(){
-function Drop(id){
+var Popover=function(){
+function Popover(id){
 	this.isOpen=false;
-	this.type = (id === "version-dropdown");
+	this.type = (id === "version-popover");
 	this.$btn = $('#' + id);
 	this.$dialog = this.$btn.next();
 	this.$list = this.$dialog.children("ul");
@@ -38,7 +38,7 @@
 	this.beforeInit();
 }
 
-Drop.prototype={
+Popover.prototype={
 beforeInit: function() {
 	var that=this;
 	this.$btn.on("click", function(e){that.init();e.preventDefault();e.stopPropagation();});
@@ -278,13 +278,13 @@
 	return this.$list.children(":first-child").children(":first-child");
 }
 };
-return Drop}();
+return Popover}();
 
 $(document).ready(function() {
 	var lang = DOCUMENTATION_OPTIONS.LANGUAGE;
 	if(!lang || lang === "None") {lang = "en";}
-	if(all_langs.hasOwnProperty(lang)) {$("#lang-dropdown").html(all_langs[lang]);}
-	var lng_drop=new Drop("version-dropdown");
-	var vsn_drop=new Drop("lang-dropdown");
+	if(all_langs.hasOwnProperty(lang)) {$("#lang-popover").html(all_langs[lang]);}
+	var lng_popover=new Popover("version-popover");
+	var vsn_popover=new Popover("lang-popover");
 });
 })();