[FIX] ws doc: copy button in columned version

[odoo/odoo.git] / doc / _themes / odoodoc / static / style.css

diff --git a/doc/_themes/odoodoc/static/style.css b/doc/_themes/odoodoc/static/style.css
index 9458adb..c02b587 100644 (file)
--- a/doc/_themes/odoodoc/static/style.css
+++ b/doc/_themes/odoodoc/static/style.css
@@ -7243,12 +7243,25 @@ td.field-body > ul {
   .stripe .highlight pre {
     white-space: pre-wrap;
   }
+  .stripe .btn-clipboard {
+    background-color: transparent;
+    color: #eeeeee;
+    border-color: #777777;
+    border-top: none;
+    border-top-right-radius: 0;
+  }
+  .stripe .btn-clipboard.active {
+    background-color: #555555;
+    -webkit-transition: background-color 0.5s linear;
+    -o-transition: background-color 0.5s linear;
+    transition: background-color 0.5s linear;
+  }
 }
 .stripe .switcher {
   color: white;
   width: auto !important;
   float: none !important;
-  position: fixed;
+  position: absolute;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: flex-end;
@@ -7259,6 +7272,10 @@ td.field-body > ul {
   margin: 0;
   z-index: 5;
 }
+.stripe .switcher.affix {
+  position: fixed;
+  top: 0;
+}
 .stripe .switcher li {
   background-color: #0f131a;
   padding: 0.4em 1em;
@@ -7268,10 +7285,10 @@ td.field-body > ul {
 }
 .stripe .switcher li:first-child {
   border-left-width: 1px;
-  border-radius: 5px 0 0 5px;
+  border-radius: 0 0 0 5px;
 }
 .stripe .switcher li:last-child {
-  border-radius: 0 5px 5px 0;
+  border-radius: 0 0 5px 0;
 }
 .stripe .switcher li:hover {
   background-color: #222;