DOC fix behavior of copy button in installation instructions (#27052)

tuscland · jeremiedbb · commit 0ba978f60b63 · 2023-09-20T14:40:31.000+02:00
diff --git a/doc/install.rst b/doc/install.rst
@@ -69,42 +69,65 @@ Then run:
 
 .. raw:: html
 
-       <div class="highlight"><pre><code
-        ><span class="sk-expandable" data-packager="pip" data-os="linux" data-venv="">python3 -m venv sklearn-venv</span
-        ><span class="sk-expandable" data-packager="pip" data-os="windows" data-venv="">python -m venv sklearn-venv</span
-        ><span class="sk-expandable" data-packager="pip" data-os="mac" data-venv="">python -m venv sklearn-venv</span
-        ><span class="sk-expandable" data-packager="pip" data-os="linux" data-venv="">source sklearn-venv/bin/activate</span
-        ><span class="sk-expandable" data-packager="pip" data-os="mac" data-venv="">source sklearn-venv/bin/activate</span
-        ><span class="sk-expandable" data-packager="pip" data-os="windows" data-venv="">sklearn-venv\Scripts\activate</span
-        ><span class="sk-expandable" data-packager="pip" data-venv="">pip install -U scikit-learn</span
-        ><span class="sk-expandable" data-packager="pip" data-os="mac" data-venv="no">pip install -U scikit-learn</span
-        ><span class="sk-expandable" data-packager="pip" data-os="windows" data-venv="no">pip install -U scikit-learn</span
-        ><span class="sk-expandable" data-packager="pip" data-os="linux" data-venv="no">pip3 install -U scikit-learn</span
-        ><span class="sk-expandable" data-packager="conda">conda create -n sklearn-env -c conda-forge scikit-learn</span
-        ><span class="sk-expandable" data-packager="conda">conda activate sklearn-env</span
-       ></code></pre></div>
+  <div class="highlight">
+    <pre class="sk-expandable" data-packager="pip" data-os="linux" data-venv="no"
+    ><span class="prompt1">pip3 install -U scikit-learn</span></pre>
+    
+    <pre class="sk-expandable" data-packager="pip" data-os="windows" data-venv="no"
+    ><span class="prompt1">pip install -U scikit-learn</span></pre>
+    
+    <pre class="sk-expandable" data-packager="pip" data-os="mac" data-venv="no"
+    ><span class="prompt1">pip install -U scikit-learn</span></pre>
+    
+    <pre class="sk-expandable" data-packager="pip" data-os="linux" data-venv=""
+    ><span class="prompt1">python3 -m venv sklearn-venv</span>
+  <span class="prompt1">source sklearn-venv/bin/activate</span>
+  <span class="prompt1">pip3 install -U scikit-learn</span></pre>
+    
+    <pre class="sk-expandable" data-packager="pip" data-os="windows" data-venv=""
+    ><span class="prompt1">python -m venv sklearn-venv</span>
+  <span class="prompt1">sklearn-venv\Scripts\activate</span>
+  <span class="prompt1">pip install -U scikit-learn</span></pre>
+    
+    <pre class="sk-expandable" data-packager="pip" data-os="mac" data-venv=""
+    ><span class="prompt1">python -m venv sklearn-venv</span>
+  <span class="prompt1">source sklearn-venv/bin/activate</span>
+  <span class="prompt1">pip install -U scikit-learn</span></pre>
+
+    <pre class="sk-expandable" data-packager="conda"
+    ><span class="prompt1">conda create -n sklearn-env -c conda-forge scikit-learn</span>
+  <span class="prompt1">conda activate sklearn-env</span></pre>
+  </div>
 
 In order to check your installation you can use
 
 .. raw:: html
 
-   <div class="highlight"><pre><code
-      ><span class="sk-expandable" data-packager="pip" data-os="linux" data-venv="no">python3 -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span
-      ><span class="sk-expandable" data-packager="pip" data-os="linux" data-venv="no">python3 -m pip freeze  # to see all packages installed in the active virtualenv</span
-      ><span class="sk-expandable" data-packager="pip" data-os="linux" data-venv="no">python3 -c "import sklearn; sklearn.show_versions()"</span
-      ><span class="sk-expandable" data-packager="pip" data-venv="">python -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span
-      ><span class="sk-expandable" data-packager="pip" data-venv="">python -m pip freeze  # to see all packages installed in the active virtualenv</span
-      ><span class="sk-expandable" data-packager="pip" data-venv="">python -c "import sklearn; sklearn.show_versions()"</span
-      ><span class="sk-expandable" data-packager="pip" data-os="windows" data-venv="no">python -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span
-      ><span class="sk-expandable" data-packager="pip" data-os="windows" data-venv="no">python -m pip freeze  # to see all packages installed in the active virtualenv</span
-      ><span class="sk-expandable" data-packager="pip" data-os="windows" data-venv="no">python -c "import sklearn; sklearn.show_versions()"</span
-      ><span class="sk-expandable" data-packager="pip" data-os="mac" data-venv="no">python -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span
-      ><span class="sk-expandable" data-packager="pip" data-os="mac" data-venv="no">python -m pip freeze  # to see all packages installed in the active virtualenv</span
-      ><span class="sk-expandable" data-packager="pip" data-os="mac" data-venv="no">python -c "import sklearn; sklearn.show_versions()"</span
-      ><span class="sk-expandable" data-packager="conda">conda list scikit-learn  # to see which scikit-learn version is installed</span
-      ><span class="sk-expandable" data-packager="conda">conda list  # to see all packages installed in the active conda environment</span
-      ><span class="sk-expandable" data-packager="conda">python -c "import sklearn; sklearn.show_versions()"</span
-      ></code></pre></div>
+  <div class="highlight">
+    <pre class="sk-expandable" data-packager="pip" data-os="linux" data-venv="no"
+    ><span class="prompt1">python3 -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span>
+  <span class="prompt1">python3 -m pip freeze  # to see all packages installed in the active virtualenv</span>
+  <span class="prompt1">python3 -c "import sklearn; sklearn.show_versions()"</span></pre>
+
+    <pre class="sk-expandable" data-packager="pip" data-os="windows" data-venv="no"
+    ><span class="prompt1">python -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span>
+  <span class="prompt1">python -m pip freeze  # to see all packages installed in the active virtualenv</span>
+  <span class="prompt1">python -c "import sklearn; sklearn.show_versions()"</span></pre>
+
+    <pre class="sk-expandable" data-packager="pip" data-os="mac" data-venv="no"
+    ><span class="prompt1">python -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span>
+  <span class="prompt1">python -m pip freeze  # to see all packages installed in the active virtualenv</span>
+  <span class="prompt1">python -c "import sklearn; sklearn.show_versions()"</span></pre>
+
+    <pre class="sk-expandable" data-packager="pip" data-venv=""
+    ><span class="prompt1">python -m pip show scikit-learn  # to see which version and where scikit-learn is installed</span>
+  <span class="prompt1">python -m pip freeze  # to see all packages installed in the active virtualenv</span>
+  <span class="prompt1">python -c "import sklearn; sklearn.show_versions()"</span></pre>
+
+    <pre class="sk-expandable" data-packager="conda"
+    ><span class="prompt1">conda list scikit-learn  # to see which scikit-learn version is installed</span>
+  <span class="prompt1">conda list  # to see all packages installed in the active conda environment</span>
+  <span class="prompt1">python -c "import sklearn; sklearn.show_versions()"</span></pre>
   </div>
 
 Note that in order to avoid potential conflicts with other packages it is
diff --git a/doc/themes/scikit-learn-modern/static/css/theme.css b/doc/themes/scikit-learn-modern/static/css/theme.css
@@ -1204,25 +1204,33 @@ div.install > input:checked + label {
 .sk-expandable {
   display: none;
 }
-
-div.highlight span.sk-expandable:before {
-  content: "$ ";
+.sk-expandable + .copybtn {
+  display: none;
 }
 
 /* Show hidden content when the checkbox is checked */
 /* for conda */
 #quickstart-conda:checked  ~* [data-packager="conda"] {
   display: block;
 }
+#quickstart-conda:checked  ~* [data-packager="conda"] + .copybtn {
+  display: block;
+}
 
 #quickstart-conda:checked ~ #quickstart-venv ~ label[for="quickstart-venv"] {
   display: none;
 }
+#quickstart-conda:checked ~ #quickstart-venv ~ label[for="quickstart-venv"] + .copybtn {
+  display: none;
+}
 
 /* for pip */
 #quickstart-pip:checked ~* [data-packager="pip"] {
   display: block;
 }
+#quickstart-pip:checked ~* [data-packager="pip"] + .copybtn {
+  display: block;
+}
 
 #quickstart-pip:checked ~ label[for="quickstart-venv"]:before  {
   content: "Use pip virtualenv";
@@ -1231,20 +1239,37 @@ div.highlight span.sk-expandable:before {
 #quickstart-win:not(:checked) ~* [data-os="windows"] {
   display: none;
 }
+#quickstart-win:not(:checked) ~* [data-os="windows"] + .copybtn {
+  display: none;
+}
+
 #quickstart-lin:not(:checked) ~* [data-os="linux"] {
   display: none;
 }
+#quickstart-lin:not(:checked) ~* [data-os="linux"] + .copybtn {
+  display: none;
+}
+
 #quickstart-mac:not(:checked) ~* [data-os="mac"] {
   display: none;
 }
+#quickstart-mac:not(:checked) ~* [data-os="mac"] + .copybtn {
+  display: none;
+}
 
 #quickstart-venv:not(:checked) ~* [data-venv=""] {
   display: none;
 }
+#quickstart-venv:not(:checked) ~* [data-venv=""] + .copybtn {
+  display: none;
+}
 
 #quickstart-venv:checked ~* [data-venv="no"] {
   display: none;
 }
+#quickstart-venv:checked ~* [data-venv="no"] + .copybtn {
+  display: none;
+}
 
 /* Algorithm cheet-sheet */
 
