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.

styles.css 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. .date-input-control {
  21. position: relative;
  22. display: inline-block;
  23. cursor: pointer;
  24. }
  25. .date-input-control-input {
  26. width: 130px;
  27. padding-left: var(--controlHeight) !important;
  28. cursor: pointer;
  29. }
  30. .date-input-control-input.is-filled {
  31. padding-right: 16px !important;
  32. }
  33. .date-input-control-icon {
  34. position: absolute;
  35. top: 4px;
  36. left: 4px;
  37. }
  38. .date-input-control-icon path {
  39. fill: var(--gray80);
  40. transition: fill 0.3s ease;
  41. }
  42. .date-input-control-input:focus + .date-input-control-icon path {
  43. fill: var(--blue);
  44. }
  45. .date-input-control-reset {
  46. position: absolute;
  47. top: 4px;
  48. right: 4px;
  49. border: none;
  50. }
  51. .date-input-calendar {
  52. position: absolute;
  53. z-index: var(--dropdownMenuZIndex);
  54. top: 100%;
  55. left: 0;
  56. border: 1px solid var(--barBorderColor);
  57. background-color: #fff;
  58. box-shadow: var(--defaultShadow);
  59. }
  60. .date-input-calendar-nav {
  61. display: flex;
  62. justify-content: space-between;
  63. align-items: center;
  64. padding-top: var(--gridSize);
  65. padding-left: var(--gridSize);
  66. padding-right: var(--gridSize);
  67. }
  68. .date-input-calender-month {
  69. display: flex;
  70. justify-content: center;
  71. }
  72. .date-input-calender-month .date-input-calender-month-select {
  73. width: 70px;
  74. }