You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2022 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. .icon-radio {
  21. position: relative;
  22. display: inline-block;
  23. vertical-align: top;
  24. width: 14px;
  25. height: 14px;
  26. margin: 1px;
  27. border: 1px solid var(--gray60);
  28. border-radius: 12px;
  29. box-sizing: border-box;
  30. transition: border-color 0.3s ease;
  31. flex-shrink: 0;
  32. }
  33. .icon-radio:after {
  34. position: absolute;
  35. top: 2px;
  36. left: 2px;
  37. display: block;
  38. width: 8px;
  39. height: 8px;
  40. border-radius: 8px;
  41. background-color: var(--darkBlue);
  42. content: '';
  43. opacity: 0;
  44. transition: opacity 0.3s ease;
  45. }
  46. .link-radio .icon-radio.is-checked:after {
  47. opacity: 1;
  48. }
  49. .link-radio {
  50. color: inherit;
  51. border-bottom: none;
  52. }
  53. .link-radio:not(.disabled):hover,
  54. .link-radio:not(.disabled):active,
  55. .link-radio:not(.disabled):focus {
  56. color: inherit;
  57. }
  58. .link-radio:not(.disabled):hover > .icon-radio {
  59. border-color: var(--blue);
  60. }
  61. .link-radio.disabled,
  62. .link-radio.disabled:hover,
  63. .link-radio.disabled label {
  64. color: var(--disableGrayText);
  65. cursor: not-allowed;
  66. }
  67. .link-radio.disabled .icon-radio:after {
  68. background-color: var(--disableGrayBg);
  69. }