dashboard-shell-shell 1.0.112 → 1.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/.DS_Store +0 -0
  2. package/assets/icons/demo.css +539 -0
  3. package/assets/icons/demo_index.html +1131 -0
  4. package/assets/icons/iconfont.css +200 -0
  5. package/assets/icons/iconfont.js +1 -0
  6. package/assets/icons/iconfont.json +296 -0
  7. package/assets/icons/iconfont.ttf +0 -0
  8. package/assets/icons/iconfont.woff +0 -0
  9. package/assets/icons/iconfont.woff2 +0 -0
  10. package/assets/images/API.svg +3 -0
  11. package/assets/images/login/password.svg +20 -0
  12. package/assets/images/login/user.svg +6 -0
  13. package/assets/images/login-bg.png +0 -0
  14. package/assets/images/login-left.png +0 -0
  15. package/assets/images/login-logo.svg +19 -0
  16. package/assets/images/logo.png +0 -0
  17. package/assets/images/pl/harvester.png +0 -0
  18. package/assets/images/promp-yellow.svg +5 -0
  19. package/assets/images/user.png +0 -0
  20. package/assets/styles/all.scss +63 -0
  21. package/assets/styles/app.scss +2 -0
  22. package/assets/styles/base/_basic.scss +8 -2
  23. package/assets/styles/base/_helpers.scss +4 -0
  24. package/assets/styles/base/_typography.scss +2 -1
  25. package/assets/styles/base/_variables.scss +10 -2
  26. package/assets/styles/global/_button.scss +37 -25
  27. package/assets/styles/global/_columns.scss +3 -1
  28. package/assets/styles/global/_form.scss +45 -13
  29. package/assets/styles/global/_labeled-input.scss +50 -25
  30. package/assets/styles/global/_layout.scss +9 -3
  31. package/assets/styles/global/_select.scss +20 -13
  32. package/assets/styles/global/_table.scss +1 -1
  33. package/assets/styles/global/_tooltip.scss +47 -6
  34. package/assets/styles/themes/_dark.scss +1 -0
  35. package/assets/styles/themes/_light.scss +59 -46
  36. package/assets/styles/themes/_suse.scss +1 -0
  37. package/assets/styles/vendor/vue-select.scss +18 -7
  38. package/assets/translations/en-us.yaml +93 -12
  39. package/assets/translations/zh-hans.yaml +278 -141
  40. package/components/ActionDropdown.vue +1 -1
  41. package/components/ActionDropdownShell.vue +71 -0
  42. package/components/ActionMenu.vue +2 -2
  43. package/components/ActionMenuShell.vue +1 -0
  44. package/components/AppModal.vue +78 -6
  45. package/components/AssignTo.vue +25 -11
  46. package/components/AsyncButton.vue +24 -7
  47. package/components/BannerGraphic.vue +1 -0
  48. package/components/ButtonDropdown.vue +26 -4
  49. package/components/ButtonGroup.vue +4 -0
  50. package/components/ButtonMultiAction.vue +1 -0
  51. package/components/CommunityLinks.vue +3 -3
  52. package/components/ConsumptionGauge.vue +24 -5
  53. package/components/CopyToClipboardText.vue +2 -1
  54. package/components/CruResource.vue +12 -7
  55. package/components/CruResourceFooter.vue +2 -2
  56. package/components/DashboardOptions.vue +21 -15
  57. package/components/DetailText.vue +5 -0
  58. package/components/DisableAuthProviderModal.vue +1 -0
  59. package/components/DotState.vue +84 -0
  60. package/components/ExplorerMembers.vue +1 -1
  61. package/components/ExplorerProjectsNamespaces.vue +56 -14
  62. package/components/FixedBanner.vue +19 -12
  63. package/components/GlobalRoleBindings.vue +5 -1
  64. package/components/GrafanaDashboard.vue +4 -4
  65. package/components/GrowlManager.vue +4 -1
  66. package/components/HardwareResourceGauge.vue +39 -3
  67. package/components/InfoBox.vue +3 -3
  68. package/components/InputOrDisplay.vue +28 -2
  69. package/components/LabelValue.vue +16 -1
  70. package/components/LandingPagePreference.vue +5 -3
  71. package/components/LocaleSelector.vue +39 -93
  72. package/components/ModalManager.vue +55 -0
  73. package/components/ModalWithCard.vue +2 -0
  74. package/components/MoveModal.vue +1 -0
  75. package/components/PromptChangePassword.vue +1 -1
  76. package/components/PromptModal.vue +15 -2
  77. package/components/PromptRemove.vue +28 -8
  78. package/components/PromptRestore.vue +1 -0
  79. package/components/ResourceCancelModal.vue +1 -0
  80. package/components/ResourceDetail/Masthead.vue +188 -43
  81. package/components/ResourceDetail/__tests__/Masthead.test.ts +5 -1
  82. package/components/ResourceDetail/index.vue +49 -14
  83. package/components/ResourceList/Masthead.vue +80 -18
  84. package/components/ResourceTable.vue +60 -19
  85. package/components/SideNav.vue +32 -12
  86. package/components/SlideInPanelManager.vue +126 -0
  87. package/components/SortableTable/THead.vue +34 -5
  88. package/components/SortableTable/actions.js +1 -1
  89. package/components/SortableTable/index.vue +649 -142
  90. package/components/SortableTable/paging.js +36 -28
  91. package/components/SortableTable/selection.js +0 -11
  92. package/components/StatusBadge.vue +77 -0
  93. package/components/Tabbed/Tab.vue +3 -3
  94. package/components/Tabbed/index.vue +44 -26
  95. package/components/Wizard.vue +2 -2
  96. package/components/__tests__/AsyncButton.test.ts +2 -2
  97. package/components/__tests__/FixedBanner.test.ts +3 -3
  98. package/components/__tests__/ModalManager.spec.ts +176 -0
  99. package/components/__tests__/SlideInPanelManager.spec.ts +166 -0
  100. package/components/auth/Principal.vue +10 -3
  101. package/components/auth/__tests__/RoleDetailEdit.test.ts +3 -2
  102. package/components/form/ArrayList.vue +123 -85
  103. package/components/form/ArrayListGrouped.vue +10 -2
  104. package/components/form/Command.vue +6 -15
  105. package/components/form/EnvVars.vue +16 -8
  106. package/components/form/Footer.vue +8 -5
  107. package/components/form/HealthCheck.vue +3 -3
  108. package/components/form/HookOption.vue +11 -16
  109. package/components/form/KeyValue.vue +16 -7
  110. package/components/form/LabeledSelect.vue +59 -76
  111. package/components/form/LifecycleHooks.vue +3 -3
  112. package/components/form/MatchExpressions.vue +35 -12
  113. package/components/form/NameNsDescription.vue +147 -115
  114. package/components/form/Networking.vue +20 -12
  115. package/components/form/NodeAffinity.vue +31 -23
  116. package/components/form/NodeScheduling.vue +13 -3
  117. package/components/form/Password.vue +11 -5
  118. package/components/form/PodAffinity.vue +43 -44
  119. package/components/form/Probe.vue +68 -66
  120. package/components/form/ResourceQuota/Project.vue +5 -1
  121. package/components/form/ResourceSelector.vue +7 -9
  122. package/components/form/SSHKnownHosts/KnownHostsEditDialog.vue +6 -3
  123. package/components/form/SSHKnownHosts/__tests__/KnownHostsEditDialog.test.ts +12 -1
  124. package/components/form/SSHKnownHosts/index.vue +16 -2
  125. package/components/form/Security.vue +54 -56
  126. package/components/form/Select.vue +41 -7
  127. package/components/form/ShellInput.vue +5 -1
  128. package/components/form/Tolerations.vue +5 -1
  129. package/components/form/UnitInput.vue +2 -2
  130. package/components/form/ValueFromResource.vue +134 -121
  131. package/components/form/WorkloadPorts.vue +18 -18
  132. package/components/form/__tests__/ArrayList.test.ts +5 -2
  133. package/components/form/__tests__/MatchExpressions.test.ts +12 -12
  134. package/components/form/__tests__/NameNsDescription.test.ts +115 -14
  135. package/components/form/__tests__/Probe.test.ts +12 -8
  136. package/components/form/__tests__/SSHKnownHosts.test.ts +11 -0
  137. package/components/form/__tests__/Select.test.ts +37 -0
  138. package/components/form/__tests__/UnitInput.test.ts +4 -5
  139. package/components/formatter/BadgeStateFormatter.vue +8 -5
  140. package/components/formatter/InternalExternalIP.vue +2 -0
  141. package/components/formatter/SecretData.vue +20 -7
  142. package/components/nav/Favorite.vue +5 -1
  143. package/components/nav/Group.vue +60 -27
  144. package/components/nav/Header.vue +39 -13
  145. package/components/nav/Jump.vue +7 -0
  146. package/components/nav/NamespaceFilter.vue +14 -8
  147. package/components/nav/Pinned.vue +1 -1
  148. package/components/nav/TopLevelMenu.vue +5 -17
  149. package/components/nav/Type.vue +32 -35
  150. package/components/nav/__tests__/TopLevelMenu.test.ts +0 -40
  151. package/components/templates/blank.vue +4 -1
  152. package/components/templates/default.vue +8 -0
  153. package/components/templates/home.vue +10 -1
  154. package/components/templates/plain.vue +10 -1
  155. package/package.json +1 -1
  156. package/store/type-map.js +29 -2
  157. package/utils/error.js +30 -8
  158. package/utils/errorTranslate.json +916 -0
  159. package/components/formatter/ExtensionCache.vue +0 -74
  160. package/components/formatter/Port.vue +0 -24
  161. package/components/formatter/SecretType.vue +0 -41
@@ -0,0 +1,19 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="199" height="60" viewBox="0 0 199 60">
2
+ <defs>
3
+ <pattern id="pattern" preserveAspectRatio="xMidYMid slice" width="100%" height="100%" viewBox="0 0 778 444">
4
+ <image width="778" height="444" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwoAAAG8CAMAAABJ6qJSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wc9CwgAAAD/dFJOUwABAgMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4fICEiIyQlJicoKSorLC0uLzAx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"/>
5
+ </pattern>
6
+ <clipPath id="clip-HCI控制台">
7
+ <rect width="199" height="60"/>
8
+ </clipPath>
9
+ </defs>
10
+ <g id="HCI控制台" clip-path="url(#clip-HCI控制台)">
11
+ <g id="组_44614" data-name="组 44614" transform="translate(-792 -106)">
12
+ <g id="组_44613" data-name="组 44613" transform="translate(9 -132)">
13
+ <path id="normal_u28" d="M0,0H53V30H0Z" transform="translate(783 250)" fill="url(#pattern)"/>
14
+ </g>
15
+ <rect id="矩形_815" data-name="矩形 815" width="324" height="60" transform="translate(792 106)" fill="none"/>
16
+ </g>
17
+ <path id="路径_23591" data-name="路径 23591" d="M19.6,10.335H15.05V1.523h-9.1v8.812H1.4v-21.36H5.949v8.619h9.1v-8.619H19.6Zm20.23-.772a13.849,13.849,0,0,1-6.081,1.145,10.24,10.24,0,0,1-7.66-2.889,10.523,10.523,0,0,1-2.834-7.7A11.315,11.315,0,0,1,26.42-8.164a10.955,10.955,0,0,1,8.17-3.22,14.658,14.658,0,0,1,5.24.814v4.4A9.527,9.527,0,0,0,34.921-7.44a6.537,6.537,0,0,0-5.006,2A7.33,7.33,0,0,0,28.04-.214a7.143,7.143,0,0,0,1.779,5.061,6.247,6.247,0,0,0,4.813,1.917,10.063,10.063,0,0,0,5.2-1.379Zm8.315-20.588v21.36H43.6v-21.36ZM60.1-9.95h6.647l-.717-2.4,3.916-.745q.483,1.6.841,3.144H77.7v5.571H74.222V-6.585H63.577v2.206H60.1ZM51.221-7.992h2.537V-12.9H57.1v4.909h1.875v3.53H57.1V-.311l2.068-.51a21.323,21.323,0,0,0-.11,3.751L57.1,3.467v7.157a4.035,4.035,0,0,1-.469,2.131,1.893,1.893,0,0,1-1.331.9,29.314,29.314,0,0,1-3.468.221,30.207,30.207,0,0,0-.745-3.613,17.687,17.687,0,0,0,1.931.083q.717,0,.745-1.158V4.35l-2.62.676-.221-3.971Q52.283.792,53.758.461V-4.462H51.221ZM67.934-2.945,61.646,1.689,59.384-.9q2.73-1.793,6.068-4.44Zm1.6.028,2.344-2.344q2.592,1.793,6.15,4.468L75.629,1.8Q74.5.889,69.534-2.917Zm-8.77,4.882H76.649V5.329H70.471V9.521h7.612v3.365H59.109V9.521h7.833V5.329H60.763Zm23,10.342h-3.31V1.523h5.681V-.6H79.38V-3.745h6.757V-6.2H83.172q-.345,1.214-.731,2.262-1.186-.524-2.868-1.131a54.184,54.184,0,0,0,1.875-7.116l3.006.607-.469,2.234h2.151v-3.834h3.641v3.834h5.516V-6.2H89.777v2.455h6.316V-.6H89.777V1.523h5.681V9a4.025,4.025,0,0,1-.641,2.42,2.473,2.473,0,0,1-2.041.924q-1.4.048-2.034.048-.276-1.489-.772-3.447a11.819,11.819,0,0,0,1.351.083q.827,0,.827-.91V4.695H89.777v9.4H86.137v-9.4H83.765Zm18.092-25.456h3.53V9.631a4.5,4.5,0,0,1-.951,3.116,3.612,3.612,0,0,1-2.689,1.1q-1.738.055-4,.055-.221-1.627-.717-3.889,2.179.138,3.392.138,1.434,0,1.434-1.71ZM96.92-11h3.365V7.453H96.92Zm30.5,1.1q4.247,4.137,7.86,8.136L132.222.834,130.071-1.7q-11.859.193-20.6.993l-1.462-3.254a47.565,47.565,0,0,0,10.756-9.543l3.613,1.958q-3.916,3.7-8.274,7.226l13.266-.469-2.813-3.089ZM110.6,13.989V1.054h21.236V13.989h-3.751V12.362H114.35v1.627Zm17.485-9.515H114.35V8.942h13.735Z" transform="translate(62.731 27.725)" fill="#fff"/>
18
+ </g>
19
+ </svg>
Binary file
Binary file
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
2
+ <g id="normal_u801" transform="translate(0 -10)">
3
+ <path id="路径_23553" data-name="路径 23553" d="M4.98,1.341A9.782,9.782,0,0,1,10,0a9.782,9.782,0,0,1,5.019,1.341,9.955,9.955,0,0,1,3.64,3.639A9.782,9.782,0,0,1,20,10a9.782,9.782,0,0,1-1.341,5.019,9.956,9.956,0,0,1-3.639,3.639A9.782,9.782,0,0,1,10,20a9.782,9.782,0,0,1-5.02-1.341A9.955,9.955,0,0,1,1.341,15.02,9.782,9.782,0,0,1,0,10,9.782,9.782,0,0,1,1.341,4.98,9.955,9.955,0,0,1,4.98,1.341Zm6.569,15.2a.428.428,0,0,0,.117-.306V13.763a.428.428,0,0,0-.117-.306.38.38,0,0,0-.287-.124h-2.5a.445.445,0,0,0-.43.43v2.474a.445.445,0,0,0,.43.43h2.5a.38.38,0,0,0,.288-.124ZM11.5,11.986a.329.329,0,0,0,.137-.228l.234-8.086a.256.256,0,0,0-.13-.234.485.485,0,0,0-.312-.1H8.568a.485.485,0,0,0-.312.1.256.256,0,0,0-.13.234l.221,8.086a.282.282,0,0,0,.13.228.506.506,0,0,0,.313.1H11.2A.479.479,0,0,0,11.5,11.986Z" transform="translate(0 10)" fill="#ef9c3e"/>
4
+ </g>
5
+ </svg>
Binary file
@@ -0,0 +1,63 @@
1
+ .info-tab-title{
2
+ font-size: 14px;
3
+ line-height: 19px;
4
+ margin-bottom: 14px;
5
+ }
6
+
7
+ .required{
8
+ color: red;
9
+ }
10
+ .text-label{
11
+ width: 160px;
12
+ }
13
+ ul{
14
+ padding-left: 0px;
15
+ }
16
+ .basic-title{
17
+ font-size: 14px;
18
+ margin-bottom: 32px;
19
+ }
20
+ .basic-title-more-set{
21
+ margin-top: 32px;
22
+ }
23
+
24
+ .radio-group{
25
+ display: flex !important;
26
+ }
27
+
28
+ .clearFix{
29
+ font-size: 16px;
30
+ }
31
+
32
+ .name-td{
33
+ overflow:hidden;
34
+ text-overflow:ellipsis;
35
+ white-space:nowrap;
36
+ display: inline-block;
37
+ max-width: 180px;
38
+ A{
39
+ display: unset;
40
+ }
41
+ }
42
+
43
+ INPUT[type=number]:hover:not(.focused):not(:focus):not(.disabled):not(:disabled):not(.view){
44
+ padding: 0px 0px 0px 11px;
45
+ }
46
+ INPUT[type=number]:focus{
47
+ padding: 0px 0px 0px 11px !important;
48
+ }
49
+
50
+ .vs__dropdown-menu{
51
+ min-width: 100px !important;
52
+ }
53
+
54
+ .more{
55
+ margin-top: 32px;
56
+ }
57
+
58
+ :deep() .vs__actions:after {
59
+ padding-top: 10px;
60
+ }
61
+ .TEXTAREA{
62
+ border: solid var(--border-width) var(--input-border);
63
+ }
@@ -32,3 +32,5 @@
32
32
 
33
33
  @import "./vendor/vue-select";
34
34
  @import "./vendor/code-mirror";
35
+ @import './all.scss';
36
+ @import '../icons/iconfont.css';
@@ -98,8 +98,8 @@ A {
98
98
 
99
99
  &:hover,
100
100
  &:active {
101
- text-decoration: underline;
102
- color: var(--body-text);
101
+ text-decoration: none;
102
+ color: var(--link);
103
103
  }
104
104
 
105
105
  &:focus-visible {
@@ -144,3 +144,9 @@ HR.vertical {
144
144
  .force-wrap { @include force-wrap }
145
145
  .bordered-section { @include bordered-section }
146
146
  .section-divider { @include section-divider }
147
+
148
+ fieldset {
149
+ border: 0;
150
+ padding: 0;
151
+ margin-inline: 0;
152
+ }
@@ -131,6 +131,10 @@ $spacing-property-map: (
131
131
  color: var(--input-label);
132
132
  }
133
133
 
134
+ .text-no-break {
135
+ white-space: nowrap;
136
+ }
137
+
134
138
  .hide {
135
139
  display: none !important;
136
140
  }
@@ -1,6 +1,6 @@
1
1
  HTML, BODY {
2
2
  font-family: $body-font;
3
- font-size: 14px;
3
+ font-size: 12px;
4
4
  }
5
5
 
6
6
  H1, H2, H3, H4, H5, H6 {
@@ -24,6 +24,7 @@ H3 {
24
24
 
25
25
  H4 {
26
26
  font-size: 16px;
27
+ margin: 0px;
27
28
  }
28
29
 
29
30
  H5 {
@@ -1,5 +1,7 @@
1
- $header-font: 'Poppins', sans-serif;
2
- $body-font: 'Lato', arial, helvetica, sans-serif;
1
+ // $header-font: 'Poppins', sans-serif;
2
+ $header-font: 'Microsoft YaHei';
3
+ // $body-font: 'Lato', arial, helvetica, sans-serif;
4
+ $body-font: 'Microsoft YaHei';
3
5
  $mono-font: 'Roboto Mono', monospace;
4
6
 
5
7
  $app-bar-collapsed-width: 70px;
@@ -8,6 +10,12 @@ $min-width: 75% !default;
8
10
  $input-height: 61px;
9
11
  $unlabeled-input-height: 40px;
10
12
  $unlabaled-select-padding: 3px 0;
13
+ $footer-height: 60px;
14
+
15
+ $input-height: 32px;
16
+ $unlabeled-input-height: 32px;
17
+ $input-width: 400px;
18
+
11
19
 
12
20
  $input-padding-lg: 18px;
13
21
  $input-padding-sm: 10px;
@@ -1,7 +1,7 @@
1
- $btn-padding: 0 21px 0 21px;
1
+ $btn-padding: 0 10px 0 10px;
2
2
  $btn-sm-padding: 0 7px 0 7px;
3
- $btn-height: 40px;
4
- $btn-sm-height: 30px;
3
+ $btn-height: 32px;
4
+ $btn-sm-height: 32px;
5
5
 
6
6
  // -----------------------------------------------------------------------------
7
7
  // This file contains all styles related to the button component.
@@ -20,11 +20,13 @@ button,
20
20
  -ms-user-select: none;
21
21
  user-select: none;
22
22
  border: 0;
23
- padding: $btn-padding;
23
+ // padding: $btn-padding;
24
24
  border-radius: var(--border-radius);
25
25
  color: var(--lightest);
26
- line-height: $btn-height;
27
- min-height: $btn-height;
26
+ line-height: $btn-height !important;
27
+ height: $btn-height !important;
28
+ min-width: 100px;
29
+ justify-content: center;
28
30
 
29
31
  > .icon:not(:only-child) {
30
32
  margin-right: 6px;
@@ -60,7 +62,8 @@ button,
60
62
  .btn-sm .btn-label {
61
63
  padding: $btn-sm-padding;
62
64
  min-height: $btn-sm-height;
63
- line-height: 28px;
65
+ line-height: 32px;
66
+ width: 100px;
64
67
  }
65
68
 
66
69
  //btn roles
@@ -69,8 +72,9 @@ button,
69
72
  color: var(--primary-text);
70
73
 
71
74
  &:hover, &._hover {
72
- background-color: var(--primary-hover-bg);
75
+ // background-color: var(--primary-hover-bg);
73
76
  color: var(--primary-text);
77
+ box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
74
78
  }
75
79
 
76
80
  &:focus, &.focused {
@@ -86,17 +90,23 @@ button,
86
90
 
87
91
  .role-secondary {
88
92
  background: transparent;
89
- color: var(--primary) !important;
90
- border: solid 1px var(--primary);
93
+ color: var(--input-label) !important;
94
+ // border: solid 1px var(--primary);
95
+ border: solid 1px #d9d9d9;
91
96
  line-height: $btn-height - 2px;
97
+ width: 100px;
92
98
 
93
99
  &:hover, &._hover {
94
100
  color: var(--lightest) !important;
101
+ box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
95
102
  }
96
103
 
97
104
  &:focus, &.focused {
98
- background-color: var(--primary-hover-bg);
99
- color: var(--primary-text) !important;
105
+ background: transparent;
106
+ box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
107
+ // background-color: var(--primary-hover-bg);
108
+ color: var(--lightest) !important;
109
+ // color: var(--primary-text) !important;
100
110
  }
101
111
 
102
112
  &.btn-sm {
@@ -106,11 +116,6 @@ button,
106
116
  border: 0;
107
117
  }
108
118
  }
109
-
110
- &:focus-visible {
111
- @include focus-outline;
112
- outline-offset: 2px;
113
- }
114
119
  }
115
120
 
116
121
  .role-tertiary {
@@ -118,9 +123,11 @@ button,
118
123
  border: solid 1px var(--primary);
119
124
  color: var(--primary);
120
125
 
121
- &:focus, &.focused {
122
- background-color: var(--primary-hover-bg);
123
- color: var(--primary-text);
126
+ &:focus, &.focused, &:hover {
127
+ // background-color: var(--primary-hover-bg);
128
+ // color: var(--primary-text);
129
+ background-color: var(--accent-btn);
130
+ color: var(--primary);
124
131
  }
125
132
 
126
133
  &.btn:not(.btn-sm) {
@@ -138,7 +145,8 @@ button,
138
145
  color: var(--link);
139
146
 
140
147
  &:hover, &._hover {
141
- color: var(--lightest);
148
+ // color: var(--lightest);
149
+ color: var(--link);
142
150
  }
143
151
 
144
152
  &:focus, &.focused {
@@ -154,10 +162,13 @@ button,
154
162
  }
155
163
 
156
164
  .role-multi-action {
157
- background: var(--accent-btn);
158
- border: solid thin var(--primary);
159
- color: var(--primary);
160
- border-radius: 2px;
165
+ // background: var(--accent-btn);
166
+ border: solid thin var(--primary);
167
+ color: var(--primary) !important;
168
+ border-radius: 2px;
169
+ min-width: 32px;
170
+ height: 32px;
171
+ width: 32px;
161
172
  }
162
173
 
163
174
  .icon-group i {
@@ -215,6 +226,7 @@ fieldset[disabled] .btn {
215
226
  }
216
227
  }
217
228
 
229
+ .btn-disabled,
218
230
  .btn[disabled] {
219
231
  // Ensure disabled button's border remains as-is, otherwise button appears vertically shorter than others in group
220
232
  border: inherit;
@@ -17,7 +17,8 @@ $DEFAULT_COLUMNS: 12;
17
17
  /* COLUMN SETUP */
18
18
  .col {
19
19
  flex: 0 0 auto;
20
- margin: 0 $column-gutter 0 0;
20
+ margin-bottom: 24px;
21
+ // margin: 0 $column-gutter 0 0;
21
22
 
22
23
  &:last-child {
23
24
  margin-right: 0;
@@ -32,6 +33,7 @@ $DEFAULT_COLUMNS: 12;
32
33
  /* ROWS */
33
34
  .row {
34
35
  display: flex;
36
+ flex-wrap: wrap;
35
37
  // margin-bottom: 20px;
36
38
 
37
39
  &--y-center {
@@ -19,17 +19,18 @@ TEXTAREA,
19
19
  display: block;
20
20
  box-sizing: border-box;
21
21
  width: 100%;
22
- padding: $input-padding-sm;
23
- background-color: var(--input-bg);
24
- border-radius: var(--border-radius);
25
- border: solid var(--border-width) var(--input-border);
22
+ // padding: 4px 11px;
23
+ // background-color: var(--input-bg);
24
+ // border-radius: var(--border-radius);
25
+ // border: solid var(--border-width) var(--input-border);
26
+
26
27
  color: var(--input-text);
27
28
 
29
+
28
30
  @include input-status-color;
29
31
 
30
- &:focus:not(.labeled-input):not(.unlabeled-select):not(.labeled-select),
31
- &.focused:not(.labeled-input):not(.unlabeled-select):not(.labeled-select) {
32
- @include form-focus;
32
+ &:focus, &.focused {
33
+ @include form-focus
33
34
  }
34
35
 
35
36
  LABEL {
@@ -55,7 +56,7 @@ TEXTAREA,
55
56
  color: var(--input-disabled-text);
56
57
  background-color: var(--input-disabled-bg);
57
58
  outline-width: 0;
58
- border-color: var(--input-disabled-border);
59
+ // border-color: var(--input-disabled-border);
59
60
  cursor: not-allowed;
60
61
  label {
61
62
  color: var(--input-disabled-label);
@@ -67,30 +68,54 @@ TEXTAREA,
67
68
  }
68
69
  }
69
70
 
71
+
70
72
  LABEL {
71
73
  margin: $spacing 0 0 0;
72
74
  }
73
75
  }
74
76
 
77
+ INPUT[type='text']{
78
+ height: 32px;
79
+ border: solid var(--border-width) var(--input-border);
80
+ line-height: 30px;
81
+ padding: 0px 11px;
82
+ box-sizing: border-box;
83
+ border-radius: 2px;
84
+ &:hover{
85
+ box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
86
+ }
87
+ }
88
+
89
+
75
90
  INPUT[type='search']:not(.vs__search) {
76
- padding: calc(#{$input-padding-sm} + 2px);
91
+ // padding: calc(#{$input-padding-sm} + 2px);
92
+ padding: 4px 11px;
93
+ &:hover{
94
+ box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
95
+ }
96
+ }
97
+ INPUT[type='search']::-webkit-search-cancel-button {
98
+ display: none;
77
99
  }
78
100
 
79
101
  TEXTAREA {
80
- padding: $input-padding-lg 10px 10px 10px;
102
+ padding: 6px 11px;
81
103
  line-height: $input-line-height;
104
+ border: solid var(--border-width) var(--input-border);
82
105
  }
83
106
 
84
107
  FORM {
85
108
  LABEL {
86
109
  color: var(--input-label);
87
110
  display: inline-block;
88
- margin: $spacing 0 $spacing 0;
111
+ // margin: $spacing 0 $spacing 0;
89
112
  font-size: 12px;
90
-
113
+ .required{
114
+ color: red;
115
+ }
91
116
  .radio-label,
92
117
  .checkbox-label {
93
- font-size: 14px;
118
+ font-size: 12px;
94
119
  }
95
120
 
96
121
  &.radio, &.checkbox {
@@ -144,3 +169,10 @@ INPUT.inline-input {
144
169
  .fixed select, .fixed.v-select, .fixed input:not(.vs__search){
145
170
  height: 50px;
146
171
  }
172
+
173
+
174
+ INPUT:not([type]){
175
+ border: solid var(--border-width) var(--input-border);
176
+ height: 32px;
177
+ padding: 4px 11px;
178
+ }
@@ -1,9 +1,12 @@
1
1
  .labeled-input {
2
2
  position: relative;
3
- display: flex;
3
+ display: table;
4
4
  border-collapse: separate;
5
5
  min-height: $input-height;
6
+ width: $input-width;
7
+ // flex: 1;
6
8
  z-index: 0; // Prevent label from cover other elements outside of the input
9
+ height: $input-height;
7
10
 
8
11
  &.compact-input {
9
12
  min-height: $unlabeled-input-height;
@@ -26,7 +29,7 @@
26
29
  width: calc(100% - 20px);
27
30
 
28
31
  i {
29
- pointer-events: initial;
32
+ pointer-events: initial
30
33
  }
31
34
  }
32
35
 
@@ -47,7 +50,7 @@
47
50
  INPUT,
48
51
  SELECT {
49
52
  position: relative;
50
- font-size: 14px;
53
+ font-size: 12px;
51
54
  display: block;
52
55
  width: 100%;
53
56
  }
@@ -61,24 +64,27 @@
61
64
  user-select: none;
62
65
  }
63
66
 
64
- INPUT,
65
- INPUT:hover,
66
- INPUT:focus,
67
- TEXTAREA,
68
- TEXTAREA:hover,
69
- TEXTAREA:focus,
70
- SELECT,
71
- SELECT:hover,
72
- SELECT:focus {
67
+ INPUT, INPUT:hover, INPUT:focus,
68
+ TEXTAREA, TEXTAREA:hover, TEXTAREA:focus,
69
+ SELECT, SELECT:hover, SELECT:focus {
73
70
  border: none;
74
71
  background-color: transparent;
75
72
  outline: 0;
76
73
  box-shadow: none;
77
- padding: $input-padding-lg 0 0 0;
78
- line-height: calc(#{$input-line-height} + 1px);
79
-
74
+ padding: 0 0 0 0;
75
+ // line-height: calc(#{$input-line-height} + 1px);
76
+ line-height: calc(29px + 1px);
77
+ border: solid var(--border-width) var(--input-border);
78
+ padding: 0px 11px;
79
+ box-sizing: border-box;
80
+ border-radius: 2px;
81
+
82
+ &:hover{
83
+ border-color: var(--input-border);
84
+ box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
85
+ }
80
86
  &.no-label {
81
- padding: $input-padding-sm 0px $input-padding-sm 0px;
87
+ // padding: $input-padding-sm 0px $input-padding-sm 0px;
82
88
  }
83
89
  }
84
90
 
@@ -97,7 +103,7 @@
97
103
 
98
104
  .addon,
99
105
  .addon.btn {
100
- display: flex;
106
+ display: table-cell;
101
107
  align-items: center;
102
108
  justify-content: center;
103
109
  white-space: nowrap;
@@ -106,17 +112,24 @@
106
112
  }
107
113
 
108
114
  .addon {
109
- padding: 6px 12px;
110
- font-size: 14px;
115
+ // padding: 6px 12px;
116
+ // font-size: 14px;
117
+ // font-weight: normal;
118
+ // line-height: 1;
119
+ // text-align: center;
120
+ // border-left: solid thin var(--input-border);
121
+ padding: 4px 0px 4px 4px;
122
+ font-size: 12px;
111
123
  font-weight: normal;
112
124
  line-height: 1;
113
125
  text-align: center;
114
- border-left: solid thin var(--input-border);
126
+ background-color: #fff;
115
127
  }
116
128
  }
117
129
 
118
130
  &.suffix INPUT {
119
- padding-right: 8px;
131
+ padding-right: 0px;
132
+ width: $input-width;
120
133
  }
121
134
 
122
135
  .cron-label,
@@ -124,17 +137,29 @@
124
137
  position: absolute;
125
138
  top: 100%;
126
139
  width: 100%;
127
- padding-top: 5px;
140
+ // padding-top: 5px;
141
+ padding-top: 0px;
128
142
  left: 0;
129
- color: var(--input-label);
130
- pointer-events: initial;
143
+ width: 400px !important;
144
+ color: var(--outline);
145
+ // color: var(--input-label);
146
+ pointer-events:initial;
131
147
  }
132
148
 
133
149
  .validation-message,
134
150
  .sub-label.validation-message {
135
151
  color: var(--error);
136
152
  }
153
+ }
137
154
 
155
+ .TEXTAREA, TEXTAREA:hover, TEXTAREA:focus{
156
+ border: solid var(--border-width) var(--input-border);
157
+ }
138
158
 
139
-
159
+ @media(max-width:1400px) {
160
+ .labeled-input{
161
+ &.suffix INPUT {
162
+ width: 370px;
163
+ }
164
+ }
140
165
  }
@@ -2,7 +2,7 @@
2
2
  .main-layout {
3
3
  grid-area: main;
4
4
  overflow: auto;
5
-
5
+ overflow-x: hidden;
6
6
  .outlet {
7
7
  display: flex;
8
8
  flex-direction: column;
@@ -36,7 +36,7 @@ HEADER {
36
36
 
37
37
  .actions-container {
38
38
  grid-area: actions;
39
- margin-left: 8px;
39
+ margin-left: 0px;
40
40
  align-self: center;
41
41
  text-align: right;
42
42
 
@@ -47,6 +47,10 @@ HEADER {
47
47
 
48
48
  .role-multi-action {
49
49
  padding: 0 $input-padding-sm;
50
+ background-color: var(--body-bg);
51
+ &:focus{
52
+ background-color: var(--body-bg);
53
+ }
50
54
  }
51
55
  }
52
56
 
@@ -61,6 +65,8 @@ HEADER {
61
65
  display: flex;
62
66
  flex-direction: column;
63
67
  height: 100vh;
68
+ width: 100vw;
69
+ position: absolute;
64
70
  }
65
71
 
66
72
  .dashboard-content {
@@ -162,4 +168,4 @@ HEADER {
162
168
  opacity: 1;
163
169
  }
164
170
 
165
- // !END
171
+ // !END