jobdone-shared-files 0.0.1-beta.8 → 0.0.1-beta.80

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 (127) hide show
  1. package/.vs/VSWorkspaceState.json +6 -0
  2. package/.vs/jobdone_sharejs/FileContentIndex/a973f22d-a16a-4ca9-ab6a-75ab92ec6af7.vsidx +0 -0
  3. package/.vs/jobdone_sharejs/FileContentIndex/bacf95a3-2185-41c2-b12a-e93bb40f2204.vsidx +0 -0
  4. package/.vs/jobdone_sharejs/config/applicationhost.config +1021 -0
  5. package/.vs/jobdone_sharejs/v17/.wsuo +0 -0
  6. package/.vs/slnx.sqlite +0 -0
  7. package/ProjectManagement/projectNavbar.vue +225 -79
  8. package/README.md +79 -6
  9. package/common/directives/collapse.js +12 -12
  10. package/common/directives/popovers.js +11 -0
  11. package/common/directives/tooltip.js +11 -0
  12. package/common/format.js +26 -12
  13. package/index.js +14 -14
  14. package/lightboxWithOverview.vue +132 -0
  15. package/package.json +19 -18
  16. package/paginate.vue +138 -138
  17. package/style/css/vue-loading-overlay/index.css +40 -40
  18. package/style/scss/Common/Animation.scss +6 -0
  19. package/style/scss/Common/SelectableTable.scss +31 -0
  20. package/style/scss/Common/filepond.scss +28 -0
  21. package/style/scss/Common/thumbnail-group.scss +14 -0
  22. package/style/scss/Layout/LayoutBase.scss +1015 -942
  23. package/style/scss/Layout/LayoutMobile.scss +203 -0
  24. package/style/scss/Layout/LayoutProject.scss +122 -126
  25. package/style/scss/Layout/LayoutSinglePage.scss +13 -13
  26. package/style/scss/Layout/LayoutTwoColumn.scss +56 -56
  27. package/style/scss/Settings/_Mixins.scss +229 -229
  28. package/style/scss/Settings/_MobileVariables.scss +12 -0
  29. package/style/scss/Settings/_basic-import.scss +5 -4
  30. package/style/scss/Settings/_bs-variables-dark.scss +70 -70
  31. package/style/scss/Settings/_bs-variables.scss +1743 -1703
  32. package/style/scss/Settings/_color-mode.scss +122 -122
  33. package/style/scss/Settings/_custom-variables.scss +14 -10
  34. package/tagEditor.vue +263 -263
  35. package/tree.vue +69 -62
  36. package/treeItem.vue +366 -366
  37. package/vueLoadingOverlay.vue +70 -76
  38. package/style/scss/Bootstrap/_accordion.scss +0 -158
  39. package/style/scss/Bootstrap/_alert.scss +0 -68
  40. package/style/scss/Bootstrap/_badge.scss +0 -38
  41. package/style/scss/Bootstrap/_breadcrumb.scss +0 -40
  42. package/style/scss/Bootstrap/_button-group.scss +0 -142
  43. package/style/scss/Bootstrap/_buttons.scss +0 -207
  44. package/style/scss/Bootstrap/_card.scss +0 -238
  45. package/style/scss/Bootstrap/_carousel.scss +0 -238
  46. package/style/scss/Bootstrap/_close.scss +0 -61
  47. package/style/scss/Bootstrap/_containers.scss +0 -41
  48. package/style/scss/Bootstrap/_dropdown.scss +0 -250
  49. package/style/scss/Bootstrap/_forms.scss +0 -9
  50. package/style/scss/Bootstrap/_functions.scss +0 -302
  51. package/style/scss/Bootstrap/_grid.scss +0 -33
  52. package/style/scss/Bootstrap/_helpers.scss +0 -10
  53. package/style/scss/Bootstrap/_images.scss +0 -42
  54. package/style/scss/Bootstrap/_list-group.scss +0 -204
  55. package/style/scss/Bootstrap/_maps.scss +0 -121
  56. package/style/scss/Bootstrap/_mixins.scss +0 -42
  57. package/style/scss/Bootstrap/_modal.scss +0 -237
  58. package/style/scss/Bootstrap/_nav.scss +0 -172
  59. package/style/scss/Bootstrap/_navbar.scss +0 -286
  60. package/style/scss/Bootstrap/_offcanvas.scss +0 -146
  61. package/style/scss/Bootstrap/_pagination.scss +0 -109
  62. package/style/scss/Bootstrap/_placeholders.scss +0 -51
  63. package/style/scss/Bootstrap/_popover.scss +0 -196
  64. package/style/scss/Bootstrap/_progress.scss +0 -68
  65. package/style/scss/Bootstrap/_reboot.scss +0 -610
  66. package/style/scss/Bootstrap/_root.scss +0 -195
  67. package/style/scss/Bootstrap/_spinners.scss +0 -85
  68. package/style/scss/Bootstrap/_tables.scss +0 -164
  69. package/style/scss/Bootstrap/_toasts.scss +0 -73
  70. package/style/scss/Bootstrap/_tooltip.scss +0 -120
  71. package/style/scss/Bootstrap/_transitions.scss +0 -27
  72. package/style/scss/Bootstrap/_type.scss +0 -106
  73. package/style/scss/Bootstrap/_utilities.scss +0 -748
  74. package/style/scss/Bootstrap/_variables-dark.scss +0 -70
  75. package/style/scss/Bootstrap/_variables.scss +0 -1703
  76. package/style/scss/Bootstrap/bootstrap-grid.scss +0 -66
  77. package/style/scss/Bootstrap/bootstrap-reboot.scss +0 -10
  78. package/style/scss/Bootstrap/bootstrap-utilities.scss +0 -19
  79. package/style/scss/Bootstrap/bootstrap.scss +0 -52
  80. package/style/scss/Bootstrap/forms/_floating-labels.scss +0 -90
  81. package/style/scss/Bootstrap/forms/_form-check.scss +0 -188
  82. package/style/scss/Bootstrap/forms/_form-control.scss +0 -201
  83. package/style/scss/Bootstrap/forms/_form-range.scss +0 -91
  84. package/style/scss/Bootstrap/forms/_form-select.scss +0 -81
  85. package/style/scss/Bootstrap/forms/_form-text.scss +0 -11
  86. package/style/scss/Bootstrap/forms/_input-group.scss +0 -132
  87. package/style/scss/Bootstrap/forms/_labels.scss +0 -36
  88. package/style/scss/Bootstrap/forms/_validation.scss +0 -12
  89. package/style/scss/Bootstrap/helpers/_clearfix.scss +0 -3
  90. package/style/scss/Bootstrap/helpers/_color-bg.scss +0 -10
  91. package/style/scss/Bootstrap/helpers/_colored-links.scss +0 -12
  92. package/style/scss/Bootstrap/helpers/_position.scss +0 -36
  93. package/style/scss/Bootstrap/helpers/_ratio.scss +0 -26
  94. package/style/scss/Bootstrap/helpers/_stacks.scss +0 -15
  95. package/style/scss/Bootstrap/helpers/_stretched-link.scss +0 -15
  96. package/style/scss/Bootstrap/helpers/_text-truncation.scss +0 -7
  97. package/style/scss/Bootstrap/helpers/_visually-hidden.scss +0 -8
  98. package/style/scss/Bootstrap/helpers/_vr.scss +0 -8
  99. package/style/scss/Bootstrap/mixins/_alert.scss +0 -18
  100. package/style/scss/Bootstrap/mixins/_backdrop.scss +0 -14
  101. package/style/scss/Bootstrap/mixins/_banner.scss +0 -7
  102. package/style/scss/Bootstrap/mixins/_border-radius.scss +0 -78
  103. package/style/scss/Bootstrap/mixins/_box-shadow.scss +0 -18
  104. package/style/scss/Bootstrap/mixins/_breakpoints.scss +0 -127
  105. package/style/scss/Bootstrap/mixins/_buttons.scss +0 -70
  106. package/style/scss/Bootstrap/mixins/_caret.scss +0 -69
  107. package/style/scss/Bootstrap/mixins/_clearfix.scss +0 -9
  108. package/style/scss/Bootstrap/mixins/_color-mode.scss +0 -21
  109. package/style/scss/Bootstrap/mixins/_color-scheme.scss +0 -7
  110. package/style/scss/Bootstrap/mixins/_container.scss +0 -11
  111. package/style/scss/Bootstrap/mixins/_deprecate.scss +0 -10
  112. package/style/scss/Bootstrap/mixins/_forms.scss +0 -153
  113. package/style/scss/Bootstrap/mixins/_gradients.scss +0 -47
  114. package/style/scss/Bootstrap/mixins/_grid.scss +0 -151
  115. package/style/scss/Bootstrap/mixins/_image.scss +0 -16
  116. package/style/scss/Bootstrap/mixins/_list-group.scss +0 -27
  117. package/style/scss/Bootstrap/mixins/_lists.scss +0 -7
  118. package/style/scss/Bootstrap/mixins/_pagination.scss +0 -10
  119. package/style/scss/Bootstrap/mixins/_reset-text.scss +0 -17
  120. package/style/scss/Bootstrap/mixins/_resize.scss +0 -6
  121. package/style/scss/Bootstrap/mixins/_table-variants.scss +0 -24
  122. package/style/scss/Bootstrap/mixins/_text-truncate.scss +0 -8
  123. package/style/scss/Bootstrap/mixins/_transition.scss +0 -26
  124. package/style/scss/Bootstrap/mixins/_utilities.scss +0 -97
  125. package/style/scss/Bootstrap/mixins/_visually-hidden.scss +0 -29
  126. package/style/scss/Bootstrap/utilities/_api.scss +0 -47
  127. package/style/scss/Bootstrap/vendor/_rfs.scss +0 -354
@@ -1,66 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Grid);
3
-
4
- $include-column-box-sizing: true !default;
5
-
6
- @import "functions";
7
- @import "variables";
8
- @import "variables-dark";
9
- @import "maps";
10
-
11
- @import "mixins/lists";
12
- @import "mixins/breakpoints";
13
- @import "mixins/color-mode";
14
- @import "mixins/container";
15
- @import "mixins/grid";
16
- @import "mixins/utilities";
17
-
18
- @import "vendor/rfs";
19
-
20
- @import "root";
21
-
22
- @import "containers";
23
- @import "grid";
24
-
25
- @import "utilities";
26
- // Only use the utilities we need
27
- // stylelint-disable-next-line scss/dollar-variable-default
28
- $utilities: map-get-multiple(
29
- $utilities,
30
- (
31
- "display",
32
- "order",
33
- "flex",
34
- "flex-direction",
35
- "flex-grow",
36
- "flex-shrink",
37
- "flex-wrap",
38
- "justify-content",
39
- "align-items",
40
- "align-content",
41
- "align-self",
42
- "margin",
43
- "margin-x",
44
- "margin-y",
45
- "margin-top",
46
- "margin-end",
47
- "margin-bottom",
48
- "margin-start",
49
- "negative-margin",
50
- "negative-margin-x",
51
- "negative-margin-y",
52
- "negative-margin-top",
53
- "negative-margin-end",
54
- "negative-margin-bottom",
55
- "negative-margin-start",
56
- "padding",
57
- "padding-x",
58
- "padding-y",
59
- "padding-top",
60
- "padding-end",
61
- "padding-bottom",
62
- "padding-start",
63
- )
64
- );
65
-
66
- @import "utilities/api";
@@ -1,10 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Reboot);
3
-
4
- @import "functions";
5
- @import "variables";
6
- @import "variables-dark";
7
- @import "maps";
8
- @import "mixins";
9
- @import "root";
10
- @import "reboot";
@@ -1,19 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Utilities);
3
-
4
- // Configuration
5
- @import "functions";
6
- @import "variables";
7
- @import "variables-dark";
8
- @import "maps";
9
- @import "mixins";
10
- @import "utilities";
11
-
12
- // Layout & components
13
- @import "root";
14
-
15
- // Helpers
16
- @import "helpers";
17
-
18
- // Utilities
19
- @import "utilities/api";
@@ -1,52 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner("");
3
-
4
-
5
- // scss-docs-start import-stack
6
- // Configuration
7
- @import "functions";
8
- @import "variables";
9
- @import "variables-dark";
10
- @import "maps";
11
- @import "mixins";
12
- @import "utilities";
13
-
14
- // Layout & components
15
- @import "root";
16
- @import "reboot";
17
- @import "type";
18
- @import "images";
19
- @import "containers";
20
- @import "grid";
21
- @import "tables";
22
- @import "forms";
23
- @import "buttons";
24
- @import "transitions";
25
- @import "dropdown";
26
- @import "button-group";
27
- @import "nav";
28
- @import "navbar";
29
- @import "card";
30
- @import "accordion";
31
- @import "breadcrumb";
32
- @import "pagination";
33
- @import "badge";
34
- @import "alert";
35
- @import "progress";
36
- @import "list-group";
37
- @import "close";
38
- @import "toasts";
39
- @import "modal";
40
- @import "tooltip";
41
- @import "popover";
42
- @import "carousel";
43
- @import "spinners";
44
- @import "offcanvas";
45
- @import "placeholders";
46
-
47
- // Helpers
48
- @import "helpers";
49
-
50
- // Utilities
51
- @import "utilities/api";
52
- // scss-docs-end import-stack
@@ -1,90 +0,0 @@
1
- .form-floating {
2
- position: relative;
3
-
4
- &::before:not(.form-control:disabled) {
5
- position: absolute;
6
- top: $input-border-width;
7
- left: $input-border-width;
8
- width: subtract(100%, add($input-height-inner-quarter, $input-height-inner-half));
9
- height: $form-floating-label-height;
10
- content: "";
11
- background-color: $input-bg;
12
- @include border-radius($input-border-radius);
13
- }
14
-
15
- > .form-control,
16
- > .form-control-plaintext,
17
- > .form-select {
18
- height: $form-floating-height;
19
- line-height: $form-floating-line-height;
20
- }
21
-
22
- > label {
23
- position: absolute;
24
- top: 0;
25
- left: 0;
26
- width: 100%;
27
- height: 100%; // allow textareas
28
- padding: $form-floating-padding-y $form-floating-padding-x;
29
- overflow: hidden;
30
- text-align: start;
31
- text-overflow: ellipsis;
32
- white-space: nowrap;
33
- pointer-events: none;
34
- border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
35
- transform-origin: 0 0;
36
- @include transition($form-floating-transition);
37
- }
38
-
39
- > .form-control,
40
- > .form-control-plaintext {
41
- padding: $form-floating-padding-y $form-floating-padding-x;
42
-
43
- &::placeholder {
44
- color: transparent;
45
- }
46
-
47
- &:focus,
48
- &:not(:placeholder-shown) {
49
- padding-top: $form-floating-input-padding-t;
50
- padding-bottom: $form-floating-input-padding-b;
51
- }
52
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
53
- &:-webkit-autofill {
54
- padding-top: $form-floating-input-padding-t;
55
- padding-bottom: $form-floating-input-padding-b;
56
- }
57
- }
58
-
59
- > .form-select {
60
- padding-top: $form-floating-input-padding-t;
61
- padding-bottom: $form-floating-input-padding-b;
62
- }
63
-
64
- > .form-control:focus,
65
- > .form-control:not(:placeholder-shown),
66
- > .form-control-plaintext,
67
- > .form-select {
68
- ~ label {
69
- opacity: $form-floating-label-opacity;
70
- transform: $form-floating-label-transform;
71
- }
72
- }
73
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
74
- > .form-control:-webkit-autofill {
75
- ~ label {
76
- opacity: $form-floating-label-opacity;
77
- transform: $form-floating-label-transform;
78
- }
79
- }
80
-
81
- > .form-control-plaintext {
82
- ~ label {
83
- border-width: $input-border-width 0; // Required to properly position label text - as explained above
84
- }
85
- }
86
-
87
- > .form-control:disabled ~ label {
88
- color: $form-floating-label-disabled-color;
89
- }
90
- }
@@ -1,188 +0,0 @@
1
- //
2
- // Check/radio
3
- //
4
-
5
- .form-check {
6
- display: block;
7
- min-height: $form-check-min-height;
8
- padding-left: $form-check-padding-start;
9
- margin-bottom: $form-check-margin-bottom;
10
-
11
- .form-check-input {
12
- float: left;
13
- margin-left: $form-check-padding-start * -1;
14
- }
15
- }
16
-
17
- .form-check-reverse {
18
- padding-right: $form-check-padding-start;
19
- padding-left: 0;
20
- text-align: right;
21
-
22
- .form-check-input {
23
- float: right;
24
- margin-right: $form-check-padding-start * -1;
25
- margin-left: 0;
26
- }
27
- }
28
-
29
- .form-check-input {
30
- --#{$prefix}form-check-bg: #{$form-check-input-bg};
31
-
32
- width: $form-check-input-width;
33
- height: $form-check-input-width;
34
- margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
35
- vertical-align: top;
36
- background-color: var(--#{$prefix}form-check-bg);
37
- background-image: var(--#{$prefix}form-check-bg-image);
38
- background-repeat: no-repeat;
39
- background-position: center;
40
- background-size: contain;
41
- border: $form-check-input-border;
42
- appearance: none;
43
- print-color-adjust: exact; // Keep themed appearance for print
44
- @include transition($form-check-transition);
45
-
46
- &[type="checkbox"] {
47
- @include border-radius($form-check-input-border-radius);
48
- }
49
-
50
- &[type="radio"] {
51
- // stylelint-disable-next-line property-disallowed-list
52
- border-radius: $form-check-radio-border-radius;
53
- }
54
-
55
- &:active {
56
- filter: $form-check-input-active-filter;
57
- }
58
-
59
- &:focus {
60
- border-color: $form-check-input-focus-border;
61
- outline: 0;
62
- box-shadow: $form-check-input-focus-box-shadow;
63
- }
64
-
65
- &:checked {
66
- background-color: $form-check-input-checked-bg-color;
67
- border-color: $form-check-input-checked-border-color;
68
-
69
- &[type="checkbox"] {
70
- @if $enable-gradients {
71
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)}, var(--#{$prefix}gradient);
72
- } @else {
73
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)};
74
- }
75
- }
76
-
77
- &[type="radio"] {
78
- @if $enable-gradients {
79
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)}, var(--#{$prefix}gradient);
80
- } @else {
81
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)};
82
- }
83
- }
84
- }
85
-
86
- &[type="checkbox"]:indeterminate {
87
- background-color: $form-check-input-indeterminate-bg-color;
88
- border-color: $form-check-input-indeterminate-border-color;
89
-
90
- @if $enable-gradients {
91
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)}, var(--#{$prefix}gradient);
92
- } @else {
93
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)};
94
- }
95
- }
96
-
97
- &:disabled {
98
- pointer-events: none;
99
- filter: none;
100
- opacity: $form-check-input-disabled-opacity;
101
- }
102
-
103
- // Use disabled attribute in addition of :disabled pseudo-class
104
- // See: https://github.com/twbs/bootstrap/issues/28247
105
- &[disabled],
106
- &:disabled {
107
- ~ .form-check-label {
108
- cursor: default;
109
- opacity: $form-check-label-disabled-opacity;
110
- }
111
- }
112
- }
113
-
114
- .form-check-label {
115
- color: $form-check-label-color;
116
- cursor: $form-check-label-cursor;
117
- }
118
-
119
- //
120
- // Switch
121
- //
122
-
123
- .form-switch {
124
- padding-left: $form-switch-padding-start;
125
-
126
- .form-check-input {
127
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image)};
128
-
129
- width: $form-switch-width;
130
- margin-left: $form-switch-padding-start * -1;
131
- background-image: var(--#{$prefix}form-switch-bg);
132
- background-position: left center;
133
- @include border-radius($form-switch-border-radius);
134
- @include transition($form-switch-transition);
135
-
136
- &:focus {
137
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-focus-bg-image)};
138
- }
139
-
140
- &:checked {
141
- background-position: $form-switch-checked-bg-position;
142
-
143
- @if $enable-gradients {
144
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)}, var(--#{$prefix}gradient);
145
- } @else {
146
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)};
147
- }
148
- }
149
- }
150
-
151
- &.form-check-reverse {
152
- padding-right: $form-switch-padding-start;
153
- padding-left: 0;
154
-
155
- .form-check-input {
156
- margin-right: $form-switch-padding-start * -1;
157
- margin-left: 0;
158
- }
159
- }
160
- }
161
-
162
- .form-check-inline {
163
- display: inline-block;
164
- margin-right: $form-check-inline-margin-end;
165
- }
166
-
167
- .btn-check {
168
- position: absolute;
169
- clip: rect(0, 0, 0, 0);
170
- pointer-events: none;
171
-
172
- &[disabled],
173
- &:disabled {
174
- + .btn {
175
- pointer-events: none;
176
- filter: none;
177
- opacity: $form-check-btn-check-disabled-opacity;
178
- }
179
- }
180
- }
181
-
182
- @if $enable-dark-mode {
183
- @include color-mode(dark) {
184
- .form-switch .form-check-input:not(:checked):not(:focus) {
185
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image-dark)};
186
- }
187
- }
188
- }
@@ -1,201 +0,0 @@
1
- //
2
- // General form controls (plus a few specific high-level interventions)
3
- //
4
-
5
- .form-control {
6
- display: block;
7
- width: 100%;
8
- padding: $input-padding-y $input-padding-x;
9
- font-family: $input-font-family;
10
- @include font-size($input-font-size);
11
- font-weight: $input-font-weight;
12
- line-height: $input-line-height;
13
- color: $input-color;
14
- background-color: $input-bg;
15
- background-clip: padding-box;
16
- border: $input-border-width solid $input-border-color;
17
- appearance: none; // Fix appearance for date inputs in Safari
18
-
19
- // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
20
- @include border-radius($input-border-radius, 0);
21
-
22
- @include box-shadow($input-box-shadow);
23
- @include transition($input-transition);
24
-
25
- &[type="file"] {
26
- overflow: hidden; // prevent pseudo element button overlap
27
-
28
- &:not(:disabled):not([readonly]) {
29
- cursor: pointer;
30
- }
31
- }
32
-
33
- // Customize the `:focus` state to imitate native WebKit styles.
34
- &:focus {
35
- color: $input-focus-color;
36
- background-color: $input-focus-bg;
37
- border-color: $input-focus-border-color;
38
- outline: 0;
39
- @if $enable-shadows {
40
- @include box-shadow($input-box-shadow, $input-focus-box-shadow);
41
- } @else {
42
- // Avoid using mixin so we can pass custom focus shadow properly
43
- box-shadow: $input-focus-box-shadow;
44
- }
45
- }
46
-
47
- // Add some height to date inputs on iOS
48
- // https://github.com/twbs/bootstrap/issues/23307
49
- // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
50
- &::-webkit-date-and-time-value {
51
- // Multiply line-height by 1em if it has no unit
52
- height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
53
- }
54
-
55
- // Prevent excessive date input height in Webkit
56
- // https://github.com/twbs/bootstrap/issues/34433
57
- &::-webkit-datetime-edit {
58
- display: block;
59
- padding: 0;
60
- }
61
-
62
- // Placeholder
63
- &::placeholder {
64
- color: $input-placeholder-color;
65
- // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
66
- opacity: 1;
67
- }
68
-
69
- // Disabled inputs
70
- //
71
- // HTML5 says that controls under a fieldset > legend:first-child won't be
72
- // disabled if the fieldset is disabled. Due to implementation difficulty, we
73
- // don't honor that edge case; we style them as disabled anyway.
74
- &:disabled {
75
- color: $input-disabled-color;
76
- background-color: $input-disabled-bg;
77
- border-color: $input-disabled-border-color;
78
- // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
79
- opacity: 1;
80
- }
81
-
82
- // File input buttons theming
83
- &::file-selector-button {
84
- padding: $input-padding-y $input-padding-x;
85
- margin: (-$input-padding-y) (-$input-padding-x);
86
- margin-inline-end: $input-padding-x;
87
- color: $form-file-button-color;
88
- @include gradient-bg($form-file-button-bg);
89
- pointer-events: none;
90
- border-color: inherit;
91
- border-style: solid;
92
- border-width: 0;
93
- border-inline-end-width: $input-border-width;
94
- border-radius: 0; // stylelint-disable-line property-disallowed-list
95
- @include transition($btn-transition);
96
- }
97
-
98
- &:hover:not(:disabled):not([readonly])::file-selector-button {
99
- background-color: $form-file-button-hover-bg;
100
- }
101
- }
102
-
103
- // Readonly controls as plain text
104
- //
105
- // Apply class to a readonly input to make it appear like regular plain
106
- // text (without any border, background color, focus indicator)
107
-
108
- .form-control-plaintext {
109
- display: block;
110
- width: 100%;
111
- padding: $input-padding-y 0;
112
- margin-bottom: 0; // match inputs if this class comes on inputs with default margins
113
- line-height: $input-line-height;
114
- color: $input-plaintext-color;
115
- background-color: transparent;
116
- border: solid transparent;
117
- border-width: $input-border-width 0;
118
-
119
- &:focus {
120
- outline: 0;
121
- }
122
-
123
- &.form-control-sm,
124
- &.form-control-lg {
125
- padding-right: 0;
126
- padding-left: 0;
127
- }
128
- }
129
-
130
- // Form control sizing
131
- //
132
- // Build on `.form-control` with modifier classes to decrease or increase the
133
- // height and font-size of form controls.
134
- //
135
- // Repeated in `_input_group.scss` to avoid Sass extend issues.
136
-
137
- .form-control-sm {
138
- min-height: $input-height-sm;
139
- padding: $input-padding-y-sm $input-padding-x-sm;
140
- @include font-size($input-font-size-sm);
141
- @include border-radius($input-border-radius-sm);
142
-
143
- &::file-selector-button {
144
- padding: $input-padding-y-sm $input-padding-x-sm;
145
- margin: (-$input-padding-y-sm) (-$input-padding-x-sm);
146
- margin-inline-end: $input-padding-x-sm;
147
- }
148
- }
149
-
150
- .form-control-lg {
151
- min-height: $input-height-lg;
152
- padding: $input-padding-y-lg $input-padding-x-lg;
153
- @include font-size($input-font-size-lg);
154
- @include border-radius($input-border-radius-lg);
155
-
156
- &::file-selector-button {
157
- padding: $input-padding-y-lg $input-padding-x-lg;
158
- margin: (-$input-padding-y-lg) (-$input-padding-x-lg);
159
- margin-inline-end: $input-padding-x-lg;
160
- }
161
- }
162
-
163
- // Make sure textareas don't shrink too much when resized
164
- // https://github.com/twbs/bootstrap/pull/29124
165
- // stylelint-disable selector-no-qualifying-type
166
- textarea {
167
- &.form-control {
168
- min-height: $input-height;
169
- }
170
-
171
- &.form-control-sm {
172
- min-height: $input-height-sm;
173
- }
174
-
175
- &.form-control-lg {
176
- min-height: $input-height-lg;
177
- }
178
- }
179
- // stylelint-enable selector-no-qualifying-type
180
-
181
- .form-control-color {
182
- width: $form-color-width;
183
- height: $input-height;
184
- padding: $input-padding-y;
185
-
186
- &:not(:disabled):not([readonly]) {
187
- cursor: pointer;
188
- }
189
-
190
- &::-moz-color-swatch {
191
- border: 0 !important; // stylelint-disable-line declaration-no-important
192
- @include border-radius($input-border-radius);
193
- }
194
-
195
- &::-webkit-color-swatch {
196
- @include border-radius($input-border-radius);
197
- }
198
-
199
- &.form-control-sm { height: $input-height-sm; }
200
- &.form-control-lg { height: $input-height-lg; }
201
- }