jobdone-shared-files 0.0.1-beta.7 → 0.0.1-beta.71

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 (113) hide show
  1. package/ProjectManagement/projectNavbar.vue +183 -71
  2. package/README.md +76 -6
  3. package/common/directives/popovers.js +11 -0
  4. package/common/directives/tooltip.js +11 -0
  5. package/common/format.js +16 -2
  6. package/lightboxWithOverview.vue +132 -0
  7. package/package.json +4 -3
  8. package/style/scss/Common/Animation.scss +6 -0
  9. package/style/scss/Common/SelectableTable.scss +31 -0
  10. package/style/scss/Common/filepond.scss +28 -0
  11. package/style/scss/Common/thumbnail-group.scss +14 -0
  12. package/style/scss/Layout/LayoutBase.scss +90 -14
  13. package/style/scss/Layout/LayoutMobile.scss +203 -0
  14. package/style/scss/Layout/LayoutProject.scss +3 -5
  15. package/style/scss/Layout/LayoutTwoColumn.scss +3 -3
  16. package/style/scss/Settings/_Mixins.scss +1 -0
  17. package/style/scss/Settings/_MobileVariables.scss +12 -0
  18. package/style/scss/Settings/_basic-import.scss +3 -2
  19. package/style/scss/Settings/_bs-variables.scss +114 -74
  20. package/style/scss/Settings/_custom-variables.scss +5 -1
  21. package/tree.vue +17 -10
  22. package/treeItem.vue +1 -1
  23. package/vueLoadingOverlay.vue +13 -19
  24. package/style/scss/Bootstrap/_accordion.scss +0 -158
  25. package/style/scss/Bootstrap/_alert.scss +0 -68
  26. package/style/scss/Bootstrap/_badge.scss +0 -38
  27. package/style/scss/Bootstrap/_breadcrumb.scss +0 -40
  28. package/style/scss/Bootstrap/_button-group.scss +0 -142
  29. package/style/scss/Bootstrap/_buttons.scss +0 -207
  30. package/style/scss/Bootstrap/_card.scss +0 -238
  31. package/style/scss/Bootstrap/_carousel.scss +0 -238
  32. package/style/scss/Bootstrap/_close.scss +0 -61
  33. package/style/scss/Bootstrap/_containers.scss +0 -41
  34. package/style/scss/Bootstrap/_dropdown.scss +0 -250
  35. package/style/scss/Bootstrap/_forms.scss +0 -9
  36. package/style/scss/Bootstrap/_functions.scss +0 -302
  37. package/style/scss/Bootstrap/_grid.scss +0 -33
  38. package/style/scss/Bootstrap/_helpers.scss +0 -10
  39. package/style/scss/Bootstrap/_images.scss +0 -42
  40. package/style/scss/Bootstrap/_list-group.scss +0 -204
  41. package/style/scss/Bootstrap/_maps.scss +0 -121
  42. package/style/scss/Bootstrap/_mixins.scss +0 -42
  43. package/style/scss/Bootstrap/_modal.scss +0 -237
  44. package/style/scss/Bootstrap/_nav.scss +0 -172
  45. package/style/scss/Bootstrap/_navbar.scss +0 -286
  46. package/style/scss/Bootstrap/_offcanvas.scss +0 -146
  47. package/style/scss/Bootstrap/_pagination.scss +0 -109
  48. package/style/scss/Bootstrap/_placeholders.scss +0 -51
  49. package/style/scss/Bootstrap/_popover.scss +0 -196
  50. package/style/scss/Bootstrap/_progress.scss +0 -68
  51. package/style/scss/Bootstrap/_reboot.scss +0 -610
  52. package/style/scss/Bootstrap/_root.scss +0 -195
  53. package/style/scss/Bootstrap/_spinners.scss +0 -85
  54. package/style/scss/Bootstrap/_tables.scss +0 -164
  55. package/style/scss/Bootstrap/_toasts.scss +0 -73
  56. package/style/scss/Bootstrap/_tooltip.scss +0 -120
  57. package/style/scss/Bootstrap/_transitions.scss +0 -27
  58. package/style/scss/Bootstrap/_type.scss +0 -106
  59. package/style/scss/Bootstrap/_utilities.scss +0 -748
  60. package/style/scss/Bootstrap/_variables-dark.scss +0 -70
  61. package/style/scss/Bootstrap/_variables.scss +0 -1703
  62. package/style/scss/Bootstrap/bootstrap-grid.scss +0 -66
  63. package/style/scss/Bootstrap/bootstrap-reboot.scss +0 -10
  64. package/style/scss/Bootstrap/bootstrap-utilities.scss +0 -19
  65. package/style/scss/Bootstrap/bootstrap.scss +0 -52
  66. package/style/scss/Bootstrap/forms/_floating-labels.scss +0 -90
  67. package/style/scss/Bootstrap/forms/_form-check.scss +0 -188
  68. package/style/scss/Bootstrap/forms/_form-control.scss +0 -201
  69. package/style/scss/Bootstrap/forms/_form-range.scss +0 -91
  70. package/style/scss/Bootstrap/forms/_form-select.scss +0 -81
  71. package/style/scss/Bootstrap/forms/_form-text.scss +0 -11
  72. package/style/scss/Bootstrap/forms/_input-group.scss +0 -132
  73. package/style/scss/Bootstrap/forms/_labels.scss +0 -36
  74. package/style/scss/Bootstrap/forms/_validation.scss +0 -12
  75. package/style/scss/Bootstrap/helpers/_clearfix.scss +0 -3
  76. package/style/scss/Bootstrap/helpers/_color-bg.scss +0 -10
  77. package/style/scss/Bootstrap/helpers/_colored-links.scss +0 -12
  78. package/style/scss/Bootstrap/helpers/_position.scss +0 -36
  79. package/style/scss/Bootstrap/helpers/_ratio.scss +0 -26
  80. package/style/scss/Bootstrap/helpers/_stacks.scss +0 -15
  81. package/style/scss/Bootstrap/helpers/_stretched-link.scss +0 -15
  82. package/style/scss/Bootstrap/helpers/_text-truncation.scss +0 -7
  83. package/style/scss/Bootstrap/helpers/_visually-hidden.scss +0 -8
  84. package/style/scss/Bootstrap/helpers/_vr.scss +0 -8
  85. package/style/scss/Bootstrap/mixins/_alert.scss +0 -18
  86. package/style/scss/Bootstrap/mixins/_backdrop.scss +0 -14
  87. package/style/scss/Bootstrap/mixins/_banner.scss +0 -7
  88. package/style/scss/Bootstrap/mixins/_border-radius.scss +0 -78
  89. package/style/scss/Bootstrap/mixins/_box-shadow.scss +0 -18
  90. package/style/scss/Bootstrap/mixins/_breakpoints.scss +0 -127
  91. package/style/scss/Bootstrap/mixins/_buttons.scss +0 -70
  92. package/style/scss/Bootstrap/mixins/_caret.scss +0 -69
  93. package/style/scss/Bootstrap/mixins/_clearfix.scss +0 -9
  94. package/style/scss/Bootstrap/mixins/_color-mode.scss +0 -21
  95. package/style/scss/Bootstrap/mixins/_color-scheme.scss +0 -7
  96. package/style/scss/Bootstrap/mixins/_container.scss +0 -11
  97. package/style/scss/Bootstrap/mixins/_deprecate.scss +0 -10
  98. package/style/scss/Bootstrap/mixins/_forms.scss +0 -153
  99. package/style/scss/Bootstrap/mixins/_gradients.scss +0 -47
  100. package/style/scss/Bootstrap/mixins/_grid.scss +0 -151
  101. package/style/scss/Bootstrap/mixins/_image.scss +0 -16
  102. package/style/scss/Bootstrap/mixins/_list-group.scss +0 -27
  103. package/style/scss/Bootstrap/mixins/_lists.scss +0 -7
  104. package/style/scss/Bootstrap/mixins/_pagination.scss +0 -10
  105. package/style/scss/Bootstrap/mixins/_reset-text.scss +0 -17
  106. package/style/scss/Bootstrap/mixins/_resize.scss +0 -6
  107. package/style/scss/Bootstrap/mixins/_table-variants.scss +0 -24
  108. package/style/scss/Bootstrap/mixins/_text-truncate.scss +0 -8
  109. package/style/scss/Bootstrap/mixins/_transition.scss +0 -26
  110. package/style/scss/Bootstrap/mixins/_utilities.scss +0 -97
  111. package/style/scss/Bootstrap/mixins/_visually-hidden.scss +0 -29
  112. package/style/scss/Bootstrap/utilities/_api.scss +0 -47
  113. 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
- }