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

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