SONAR-6661 rewrite update center

1 files changed, 52 insertions, 0 deletions

diff --git a/server/sonar-web/src/main/less/init/forms.less b/server/sonar-web/src/main/less/init/forms.less
index 81e7bb940e5..60b9ae186b6 100644
--- a/server/sonar-web/src/main/less/init/forms.less
+++ b/server/sonar-web/src/main/less/init/forms.less
@@ -215,3 +215,55 @@ em.mandatory {
   color: #990000;
   font-style: italic;
 }
+
+label[for] {
+  cursor: pointer;
+}
+
+.radio-toggle {
+  font-size: 0;
+
+  & > li {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: @smallFontSize;
+
+    &:first-child > label {
+      padding-left: 16px;
+      border-top-left-radius: @formControlHeight;
+      border-bottom-left-radius: @formControlHeight;
+    }
+
+    &:last-child > label {
+      padding-right: 16px;
+      border-top-right-radius: @formControlHeight;
+      border-bottom-right-radius: @formControlHeight;
+    }
+  }
+
+  & > li + li > label { border-left: none; }
+
+  & > li > label {
+    @padding-top: (@formControlHeight - 16px) / 2;
+    display: inline-block;
+    padding: (@padding-top - 1px) 12px (@padding-top + 1px);
+    margin: 0;
+    border: 1px solid @barBorderColor;
+
+    &:hover {
+      background-color: @barBackgroundColor;
+    }
+  }
+
+  input[type="radio"] {
+    display: none;
+  }
+
+  input[type="radio"]:checked + label {
+    border-color: @blue;
+    background-color: @blue;
+    color: #fff;
+    font-weight: 500;
+  }
+
+}