comfortable_mexican_sofa 2.0.9 → 2.0.10
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/comfy/vendor/bootstrap.min.js +3 -3
- data/app/assets/stylesheets/comfy/admin/cms/application.sass +1 -2
- data/app/assets/stylesheets/comfy/admin/cms/base.sass +12 -13
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_alert.scss +3 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_button-group.scss +31 -72
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_buttons.scss +26 -19
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_card.scss +23 -12
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_carousel.scss +2 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_close.scss +6 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_code.scss +4 -12
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_custom-forms.scss +124 -84
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_dropdown.scss +30 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_forms.scss +46 -71
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_functions.scss +4 -4
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_images.scss +0 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_input-group.scss +99 -126
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_list-group.scss +2 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_modal.scss +24 -9
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_nav.scss +2 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_navbar.scss +8 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_pagination.scss +32 -19
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_popover.scss +106 -117
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_print.scss +17 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_progress.scss +4 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_reboot.scss +3 -25
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_tables.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_tooltip.scss +65 -57
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_type.scss +2 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_variables.scss +174 -108
- data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap-grid.scss +32 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap-reboot.scss +12 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap.scss +42 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_background-variant.scss +2 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_breakpoints.scss +11 -7
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_buttons.scss +37 -22
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_caret.scss +30 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_forms.scss +48 -19
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_grid-framework.scss +5 -7
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_hover.scss +24 -46
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_list-group.scss +10 -13
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_screen-reader.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-hide.scss +1 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_borders.scss +6 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_display.scss +10 -28
- data/app/controllers/comfy/admin/cms/files_controller.rb +6 -7
- data/app/helpers/comfy/admin/cms_helper.rb +5 -4
- data/app/models/concerns/comfy/cms/with_categories.rb +20 -9
- data/app/views/comfy/admin/cms/categories/_edit.html.haml +3 -3
- data/app/views/comfy/admin/cms/categories/_form.html.haml +3 -9
- data/app/views/comfy/admin/cms/categories/_index.html.haml +2 -2
- data/app/views/comfy/admin/cms/categories/_show.html.haml +4 -3
- data/app/views/comfy/admin/cms/categories/create.js.erb +1 -1
- data/app/views/comfy/admin/cms/files/_form.html.haml +11 -12
- data/app/views/comfy/admin/cms/files/edit.html.haml +2 -2
- data/app/views/comfy/admin/cms/files/new.html.haml +2 -2
- data/app/views/comfy/admin/cms/fragments/_form_fragment_attachments.html.haml +7 -5
- data/app/views/comfy/admin/cms/fragments/_form_fragments.html.haml +1 -1
- data/app/views/comfy/admin/cms/layouts/_form.html.haml +3 -2
- data/app/views/comfy/admin/cms/layouts/edit.html.haml +1 -1
- data/app/views/comfy/admin/cms/layouts/new.html.haml +2 -2
- data/app/views/comfy/admin/cms/pages/_form.html.haml +3 -5
- data/app/views/comfy/admin/cms/pages/edit.html.haml +1 -1
- data/app/views/comfy/admin/cms/pages/new.html.haml +1 -1
- data/app/views/comfy/admin/cms/revisions/show.html.haml +2 -2
- data/app/views/comfy/admin/cms/sites/_form.html.haml +4 -4
- data/app/views/comfy/admin/cms/sites/edit.html.haml +1 -1
- data/app/views/comfy/admin/cms/sites/new.html.haml +2 -2
- data/app/views/comfy/admin/cms/snippets/_form.html.haml +2 -2
- data/app/views/comfy/admin/cms/snippets/edit.html.haml +1 -1
- data/app/views/comfy/admin/cms/snippets/new.html.haml +2 -2
- data/app/views/comfy/admin/cms/translations/_form.html.haml +5 -7
- data/app/views/comfy/admin/cms/translations/edit.html.haml +1 -1
- data/app/views/comfy/admin/cms/translations/new.html.haml +2 -2
- data/comfortable_mexican_sofa.gemspec +6 -3
- data/config/locales/fr.yml +33 -33
- data/lib/comfortable_mexican_sofa/content/tags/file.rb +1 -1
- data/lib/comfortable_mexican_sofa/content/tags/files.rb +1 -1
- data/lib/comfortable_mexican_sofa/form_builder.rb +10 -15
- data/lib/comfortable_mexican_sofa/seeds.rb +2 -5
- data/lib/comfortable_mexican_sofa/version.rb +1 -1
- metadata +9 -116
- data/app/assets/stylesheets/comfy/vendor/_bootstrap.scss +0 -42
- data/doc/preview.jpg +0 -0
- data/test/controllers/comfy/admin/cms/base_controller_test.rb +0 -18
- data/test/controllers/comfy/admin/cms/categories_controller_test.rb +0 -74
- data/test/controllers/comfy/admin/cms/files_controller_test.rb +0 -242
- data/test/controllers/comfy/admin/cms/layouts_controller_test.rb +0 -137
- data/test/controllers/comfy/admin/cms/pages_controller_test.rb +0 -580
- data/test/controllers/comfy/admin/cms/revisions/layout_controller_test.rb +0 -62
- data/test/controllers/comfy/admin/cms/revisions/page_controller_test.rb +0 -87
- data/test/controllers/comfy/admin/cms/revisions/snippet_controller_test.rb +0 -60
- data/test/controllers/comfy/admin/cms/revisions/translation_controller_test.rb +0 -68
- data/test/controllers/comfy/admin/cms/sites_controller_test.rb +0 -106
- data/test/controllers/comfy/admin/cms/snippets_controller_test.rb +0 -156
- data/test/controllers/comfy/admin/cms/translations_controller_test.rb +0 -182
- data/test/controllers/comfy/cms/assets_controller_test.rb +0 -61
- data/test/controllers/comfy/cms/content_controller_test.rb +0 -249
- data/test/fixtures/active_storage/attachments.yml +0 -9
- data/test/fixtures/active_storage/blobs.yml +0 -13
- data/test/fixtures/comfy/cms/categories.yml +0 -4
- data/test/fixtures/comfy/cms/categorizations.yml +0 -3
- data/test/fixtures/comfy/cms/files.yml +0 -5
- data/test/fixtures/comfy/cms/fragments.yml +0 -25
- data/test/fixtures/comfy/cms/layouts.yml +0 -34
- data/test/fixtures/comfy/cms/pages.yml +0 -24
- data/test/fixtures/comfy/cms/revisions.yml +0 -29
- data/test/fixtures/comfy/cms/sites.yml +0 -5
- data/test/fixtures/comfy/cms/snippets.yml +0 -6
- data/test/fixtures/comfy/cms/translations.yml +0 -7
- data/test/fixtures/files/data.zip +0 -0
- data/test/fixtures/files/document.pdf +0 -0
- data/test/fixtures/files/image.gif +0 -0
- data/test/fixtures/files/image.jpg +0 -0
- data/test/fixtures/generators/cms/application.rb +0 -7
- data/test/fixtures/generators/cms/routes.rb +0 -5
- data/test/fixtures/generators/scaffold/controller.rb +0 -62
- data/test/fixtures/generators/scaffold/migration.rb +0 -9
- data/test/fixtures/generators/scaffold/model.rb +0 -21
- data/test/fixtures/generators/scaffold/routes.rb +0 -6
- data/test/fixtures/generators/scaffold/tests/controller.rb +0 -111
- data/test/fixtures/generators/scaffold/tests/fixture +0 -2
- data/test/fixtures/generators/scaffold/tests/model.rb +0 -24
- data/test/fixtures/generators/scaffold/views/_form.haml +0 -5
- data/test/fixtures/generators/scaffold/views/edit.haml +0 -5
- data/test/fixtures/generators/scaffold/views/index.haml +0 -21
- data/test/fixtures/generators/scaffold/views/new.haml +0 -5
- data/test/fixtures/generators/scaffold/views/show.haml +0 -4
- data/test/fixtures/views/_nav_hook.html.erb +0 -1
- data/test/fixtures/views/_nav_hook_2.html.erb +0 -1
- data/test/fixtures/views/render_test/_test.html.erb +0 -1
- data/test/fixtures/views/render_test/new.html.erb +0 -1
- data/test/fixtures/views/render_test/render_layout.html.erb +0 -1
- data/test/gemfiles/5.2.gemfile +0 -19
- data/test/generators/cms_assets_generator_test.rb +0 -14
- data/test/generators/cms_controllers_generator_test.rb +0 -14
- data/test/generators/cms_generator_test.rb +0 -26
- data/test/generators/cms_models_generator_test.rb +0 -14
- data/test/generators/cms_views_generator_test.rb +0 -14
- data/test/generators/scaffold_generator_test.rb +0 -32
- data/test/helpers/cms_helper_test.rb +0 -106
- data/test/integration/access_control_test.rb +0 -179
- data/test/integration/i18n_test.rb +0 -38
- data/test/integration/meta_variables_test.rb +0 -27
- data/test/integration/render_cms_test.rb +0 -255
- data/test/integration/routing_test.rb +0 -19
- data/test/integration/seeds_test.rb +0 -75
- data/test/integration/sites_test.rb +0 -107
- data/test/integration/view_hooks_test.rb +0 -47
- data/test/lib/configuration_test.rb +0 -38
- data/test/lib/content/block_test.rb +0 -26
- data/test/lib/content/params_parser_test.rb +0 -126
- data/test/lib/content/renderer_test.rb +0 -276
- data/test/lib/content/tag_test.rb +0 -58
- data/test/lib/content/tags/asset_test.rb +0 -104
- data/test/lib/content/tags/checkbox_test.rb +0 -21
- data/test/lib/content/tags/date_test.rb +0 -21
- data/test/lib/content/tags/datetime_test.rb +0 -21
- data/test/lib/content/tags/file_link_test.rb +0 -91
- data/test/lib/content/tags/file_test.rb +0 -69
- data/test/lib/content/tags/files_test.rb +0 -52
- data/test/lib/content/tags/fragment_test.rb +0 -68
- data/test/lib/content/tags/helper_test.rb +0 -62
- data/test/lib/content/tags/markdown_test.rb +0 -37
- data/test/lib/content/tags/number_test.rb +0 -14
- data/test/lib/content/tags/partial_test.rb +0 -65
- data/test/lib/content/tags/snippet_test.rb +0 -37
- data/test/lib/content/tags/template_test.rb +0 -51
- data/test/lib/content/tags/text_test.rb +0 -14
- data/test/lib/content/tags/textarea_test.rb +0 -14
- data/test/lib/content/tags/wysiwyg_test.rb +0 -14
- data/test/lib/revisions_test.rb +0 -222
- data/test/lib/seeds/files_test.rb +0 -97
- data/test/lib/seeds/layouts_test.rb +0 -156
- data/test/lib/seeds/pages_test.rb +0 -230
- data/test/lib/seeds/snippets_test.rb +0 -99
- data/test/lib/seeds_test.rb +0 -51
- data/test/models/categorization_test.rb +0 -76
- data/test/models/category_test.rb +0 -39
- data/test/models/file_test.rb +0 -43
- data/test/models/fragment_test.rb +0 -132
- data/test/models/layout_test.rb +0 -194
- data/test/models/page_test.rb +0 -575
- data/test/models/site_test.rb +0 -190
- data/test/models/snippet_test.rb +0 -56
- data/test/models/translation_test.rb +0 -67
- data/test/system/layouts_frontend_test.rb +0 -15
- data/test/system/pages_frontend_test.rb +0 -15
- data/test/system/sites_frontend_test.rb +0 -11
- data/test/system/snippets_frontend_test.rb +0 -15
- data/test/tasks/cms_seeds_test.rb +0 -34
- data/test/test_helper.rb +0 -201
@@ -59,6 +59,7 @@
|
|
59
59
|
}
|
60
60
|
|
61
61
|
@include hover-focus {
|
62
|
+
z-index: 1; // Place hover/active items above their siblings for proper border styling
|
62
63
|
text-decoration: none;
|
63
64
|
}
|
64
65
|
|
@@ -87,7 +88,7 @@
|
|
87
88
|
.list-group-item {
|
88
89
|
border-right: 0;
|
89
90
|
border-left: 0;
|
90
|
-
border-radius
|
91
|
+
@include border-radius(0);
|
91
92
|
}
|
92
93
|
|
93
94
|
&:first-child {
|
@@ -26,16 +26,10 @@
|
|
26
26
|
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
27
27
|
// See also https://github.com/twbs/bootstrap/issues/17695
|
28
28
|
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
transform: translate(0, -25%);
|
29
|
+
.modal-open & {
|
30
|
+
overflow-x: hidden;
|
31
|
+
overflow-y: auto;
|
33
32
|
}
|
34
|
-
&.show .modal-dialog { transform: translate(0, 0); }
|
35
|
-
}
|
36
|
-
.modal-open .modal {
|
37
|
-
overflow-x: hidden;
|
38
|
-
overflow-y: auto;
|
39
33
|
}
|
40
34
|
|
41
35
|
// Shell div to position the modal with bottom padding
|
@@ -45,6 +39,21 @@
|
|
45
39
|
margin: $modal-dialog-margin;
|
46
40
|
// allow clicks to pass through for custom click handling to close modal
|
47
41
|
pointer-events: none;
|
42
|
+
|
43
|
+
// When fading in the modal, animate it to slide down
|
44
|
+
.modal.fade & {
|
45
|
+
@include transition($modal-transition);
|
46
|
+
transform: translate(0, -25%);
|
47
|
+
}
|
48
|
+
.modal.show & {
|
49
|
+
transform: translate(0, 0);
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
.modal-dialog-centered {
|
54
|
+
display: flex;
|
55
|
+
align-items: center;
|
56
|
+
min-height: calc(100% - (#{$modal-dialog-margin} * 2));
|
48
57
|
}
|
49
58
|
|
50
59
|
// Actual modal
|
@@ -52,6 +61,7 @@
|
|
52
61
|
position: relative;
|
53
62
|
display: flex;
|
54
63
|
flex-direction: column;
|
64
|
+
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
55
65
|
// counteract the pointer-events: none; in the .modal-dialog
|
56
66
|
pointer-events: auto;
|
57
67
|
background-color: $modal-content-bg;
|
@@ -141,11 +151,16 @@
|
|
141
151
|
margin: $modal-dialog-margin-y-sm-up auto;
|
142
152
|
}
|
143
153
|
|
154
|
+
.modal-dialog-centered {
|
155
|
+
min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
|
156
|
+
}
|
157
|
+
|
144
158
|
.modal-content {
|
145
159
|
@include box-shadow($modal-content-box-shadow-sm-up);
|
146
160
|
}
|
147
161
|
|
148
162
|
.modal-sm { max-width: $modal-sm; }
|
163
|
+
|
149
164
|
}
|
150
165
|
|
151
166
|
@include media-breakpoint-up(lg) {
|
@@ -41,7 +41,7 @@
|
|
41
41
|
@include border-top-radius($nav-tabs-border-radius);
|
42
42
|
|
43
43
|
@include hover-focus {
|
44
|
-
border-color: $nav-tabs-link-hover-border-color
|
44
|
+
border-color: $nav-tabs-link-hover-border-color;
|
45
45
|
}
|
46
46
|
|
47
47
|
&.disabled {
|
@@ -55,7 +55,7 @@
|
|
55
55
|
.nav-item.show .nav-link {
|
56
56
|
color: $nav-tabs-link-active-color;
|
57
57
|
background-color: $nav-tabs-link-active-bg;
|
58
|
-
border-color: $nav-tabs-link-active-border-color
|
58
|
+
border-color: $nav-tabs-link-active-border-color;
|
59
59
|
}
|
60
60
|
|
61
61
|
.dropdown-menu {
|
@@ -109,13 +109,18 @@
|
|
109
109
|
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
110
110
|
font-size: $navbar-toggler-font-size;
|
111
111
|
line-height: 1;
|
112
|
-
background: transparent; // remove default button style
|
112
|
+
background-color: transparent; // remove default button style
|
113
113
|
border: $border-width solid transparent; // remove default button style
|
114
114
|
@include border-radius($navbar-toggler-border-radius);
|
115
115
|
|
116
116
|
@include hover-focus {
|
117
117
|
text-decoration: none;
|
118
118
|
}
|
119
|
+
|
120
|
+
// Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
|
121
|
+
&:not(:disabled):not(.disabled) {
|
122
|
+
cursor: pointer;
|
123
|
+
}
|
119
124
|
}
|
120
125
|
|
121
126
|
// Keep as a separate element so folks can easily override it with another icon
|
@@ -163,8 +168,8 @@
|
|
163
168
|
}
|
164
169
|
|
165
170
|
.nav-link {
|
166
|
-
padding-right:
|
167
|
-
padding-left:
|
171
|
+
padding-right: $navbar-nav-link-padding-x;
|
172
|
+
padding-left: $navbar-nav-link-padding-x;
|
168
173
|
}
|
169
174
|
}
|
170
175
|
|
@@ -4,6 +4,35 @@
|
|
4
4
|
@include border-radius();
|
5
5
|
}
|
6
6
|
|
7
|
+
.page-link {
|
8
|
+
position: relative;
|
9
|
+
display: block;
|
10
|
+
padding: $pagination-padding-y $pagination-padding-x;
|
11
|
+
margin-left: -$pagination-border-width;
|
12
|
+
line-height: $pagination-line-height;
|
13
|
+
color: $pagination-color;
|
14
|
+
background-color: $pagination-bg;
|
15
|
+
border: $pagination-border-width solid $pagination-border-color;
|
16
|
+
|
17
|
+
&:hover {
|
18
|
+
color: $pagination-hover-color;
|
19
|
+
text-decoration: none;
|
20
|
+
background-color: $pagination-hover-bg;
|
21
|
+
border-color: $pagination-hover-border-color;
|
22
|
+
}
|
23
|
+
|
24
|
+
&:focus {
|
25
|
+
z-index: 2;
|
26
|
+
outline: 0;
|
27
|
+
box-shadow: $pagination-focus-box-shadow;
|
28
|
+
}
|
29
|
+
|
30
|
+
// Opinionated: add "hand" cursor to non-disabled .page-link elements
|
31
|
+
&:not(:disabled):not(.disabled) {
|
32
|
+
cursor: pointer;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
|
7
36
|
.page-item {
|
8
37
|
&:first-child {
|
9
38
|
.page-link {
|
@@ -18,7 +47,7 @@
|
|
18
47
|
}
|
19
48
|
|
20
49
|
&.active .page-link {
|
21
|
-
z-index:
|
50
|
+
z-index: 1;
|
22
51
|
color: $pagination-active-color;
|
23
52
|
background-color: $pagination-active-bg;
|
24
53
|
border-color: $pagination-active-border-color;
|
@@ -27,29 +56,13 @@
|
|
27
56
|
&.disabled .page-link {
|
28
57
|
color: $pagination-disabled-color;
|
29
58
|
pointer-events: none;
|
59
|
+
// Opinionated: remove the "hand" cursor set previously for .page-link
|
60
|
+
cursor: auto;
|
30
61
|
background-color: $pagination-disabled-bg;
|
31
62
|
border-color: $pagination-disabled-border-color;
|
32
63
|
}
|
33
64
|
}
|
34
65
|
|
35
|
-
.page-link {
|
36
|
-
position: relative;
|
37
|
-
display: block;
|
38
|
-
padding: $pagination-padding-y $pagination-padding-x;
|
39
|
-
margin-left: -$pagination-border-width;
|
40
|
-
line-height: $pagination-line-height;
|
41
|
-
color: $pagination-color;
|
42
|
-
background-color: $pagination-bg;
|
43
|
-
border: $pagination-border-width solid $pagination-border-color;
|
44
|
-
|
45
|
-
@include hover-focus {
|
46
|
-
color: $pagination-hover-color;
|
47
|
-
text-decoration: none;
|
48
|
-
background-color: $pagination-hover-bg;
|
49
|
-
border-color: $pagination-hover-border-color;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
|
53
66
|
|
54
67
|
//
|
55
68
|
// Sizing
|
@@ -8,166 +8,155 @@
|
|
8
8
|
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
9
9
|
// So reset our font and text properties to avoid inheriting weird values.
|
10
10
|
@include reset-text();
|
11
|
-
font-size: $font-size
|
11
|
+
font-size: $popover-font-size;
|
12
12
|
// Allow breaking very long words so they don't overflow the popover's bounds
|
13
13
|
word-wrap: break-word;
|
14
14
|
background-color: $popover-bg;
|
15
15
|
background-clip: padding-box;
|
16
16
|
border: $popover-border-width solid $popover-border-color;
|
17
|
-
@include border-radius($border-radius
|
17
|
+
@include border-radius($popover-border-radius);
|
18
18
|
@include box-shadow($popover-box-shadow);
|
19
19
|
|
20
|
-
// Arrows
|
21
|
-
//
|
22
|
-
// .arrow is outer, .arrow::after is inner
|
23
|
-
|
24
20
|
.arrow {
|
25
21
|
position: absolute;
|
26
22
|
display: block;
|
27
23
|
width: $popover-arrow-width;
|
28
24
|
height: $popover-arrow-height;
|
25
|
+
margin: 0 $border-radius-lg;
|
26
|
+
|
27
|
+
&::before,
|
28
|
+
&::after {
|
29
|
+
position: absolute;
|
30
|
+
display: block;
|
31
|
+
content: "";
|
32
|
+
border-color: transparent;
|
33
|
+
border-style: solid;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
.bs-popover-top {
|
39
|
+
margin-bottom: $popover-arrow-height;
|
40
|
+
|
41
|
+
.arrow {
|
42
|
+
bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
29
43
|
}
|
30
44
|
|
31
45
|
.arrow::before,
|
32
46
|
.arrow::after {
|
33
|
-
|
34
|
-
display: block;
|
35
|
-
border-color: transparent;
|
36
|
-
border-style: solid;
|
47
|
+
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
37
48
|
}
|
38
49
|
|
39
50
|
.arrow::before {
|
40
|
-
|
41
|
-
border-
|
51
|
+
bottom: 0;
|
52
|
+
border-top-color: $popover-arrow-outer-color;
|
42
53
|
}
|
54
|
+
|
43
55
|
.arrow::after {
|
44
|
-
|
45
|
-
border-
|
56
|
+
bottom: $popover-border-width;
|
57
|
+
border-top-color: $popover-arrow-color;
|
46
58
|
}
|
59
|
+
}
|
47
60
|
|
48
|
-
|
49
|
-
|
50
|
-
&.bs-popover-top {
|
51
|
-
margin-bottom: $popover-arrow-width;
|
52
|
-
|
53
|
-
.arrow {
|
54
|
-
bottom: 0;
|
55
|
-
}
|
56
|
-
|
57
|
-
.arrow::before,
|
58
|
-
.arrow::after {
|
59
|
-
border-bottom-width: 0;
|
60
|
-
}
|
61
|
+
.bs-popover-right {
|
62
|
+
margin-left: $popover-arrow-height;
|
61
63
|
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
.arrow::after {
|
69
|
-
bottom: calc((#{$popover-arrow-width} - #{$popover-border-width}) * -1);
|
70
|
-
margin-left: -$popover-arrow-width;
|
71
|
-
border-top-color: $popover-arrow-color;
|
72
|
-
}
|
64
|
+
.arrow {
|
65
|
+
left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
66
|
+
width: $popover-arrow-height;
|
67
|
+
height: $popover-arrow-width;
|
68
|
+
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
73
69
|
}
|
74
70
|
|
75
|
-
|
76
|
-
|
71
|
+
.arrow::before,
|
72
|
+
.arrow::after {
|
73
|
+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
74
|
+
}
|
77
75
|
|
78
|
-
|
79
|
-
|
80
|
-
|
76
|
+
.arrow::before {
|
77
|
+
left: 0;
|
78
|
+
border-right-color: $popover-arrow-outer-color;
|
79
|
+
}
|
81
80
|
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
81
|
+
.arrow::after {
|
82
|
+
left: $popover-border-width;
|
83
|
+
border-right-color: $popover-arrow-color;
|
84
|
+
}
|
85
|
+
}
|
87
86
|
|
88
|
-
|
89
|
-
|
90
|
-
border-right-color: $popover-arrow-outer-color;
|
91
|
-
}
|
87
|
+
.bs-popover-bottom {
|
88
|
+
margin-top: $popover-arrow-height;
|
92
89
|
|
93
|
-
|
94
|
-
|
95
|
-
border-right-color: $popover-arrow-color;
|
96
|
-
}
|
90
|
+
.arrow {
|
91
|
+
top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
97
92
|
}
|
98
93
|
|
99
|
-
|
100
|
-
|
94
|
+
.arrow::before,
|
95
|
+
.arrow::after {
|
96
|
+
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
97
|
+
}
|
101
98
|
|
102
|
-
|
103
|
-
|
104
|
-
|
99
|
+
.arrow::before {
|
100
|
+
top: 0;
|
101
|
+
border-bottom-color: $popover-arrow-outer-color;
|
102
|
+
}
|
105
103
|
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
}
|
104
|
+
.arrow::after {
|
105
|
+
top: $popover-border-width;
|
106
|
+
border-bottom-color: $popover-arrow-color;
|
107
|
+
}
|
111
108
|
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
109
|
+
// This will remove the popover-header's border just below the arrow
|
110
|
+
.popover-header::before {
|
111
|
+
position: absolute;
|
112
|
+
top: 0;
|
113
|
+
left: 50%;
|
114
|
+
display: block;
|
115
|
+
width: $popover-arrow-width;
|
116
|
+
margin-left: ($popover-arrow-width / -2);
|
117
|
+
content: "";
|
118
|
+
border-bottom: $popover-border-width solid $popover-header-bg;
|
119
|
+
}
|
120
|
+
}
|
116
121
|
|
117
|
-
|
118
|
-
|
119
|
-
border-bottom-color: $popover-arrow-color;
|
120
|
-
}
|
122
|
+
.bs-popover-left {
|
123
|
+
margin-right: $popover-arrow-height;
|
121
124
|
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
display: block;
|
128
|
-
width: 20px;
|
129
|
-
margin-left: -10px;
|
130
|
-
content: "";
|
131
|
-
border-bottom: $popover-border-width solid $popover-header-bg;
|
132
|
-
}
|
125
|
+
.arrow {
|
126
|
+
right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
127
|
+
width: $popover-arrow-height;
|
128
|
+
height: $popover-arrow-width;
|
129
|
+
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
133
130
|
}
|
134
131
|
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
right: 0;
|
140
|
-
}
|
132
|
+
.arrow::before,
|
133
|
+
.arrow::after {
|
134
|
+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
135
|
+
}
|
141
136
|
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
}
|
137
|
+
.arrow::before {
|
138
|
+
right: 0;
|
139
|
+
border-left-color: $popover-arrow-outer-color;
|
140
|
+
}
|
147
141
|
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
142
|
+
.arrow::after {
|
143
|
+
right: $popover-border-width;
|
144
|
+
border-left-color: $popover-arrow-color;
|
145
|
+
}
|
146
|
+
}
|
152
147
|
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
}
|
148
|
+
.bs-popover-auto {
|
149
|
+
&[x-placement^="top"] {
|
150
|
+
@extend .bs-popover-top;
|
157
151
|
}
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
@extend .bs-popover-bottom;
|
167
|
-
}
|
168
|
-
&[x-placement^="left"] {
|
169
|
-
@extend .bs-popover-left;
|
170
|
-
}
|
152
|
+
&[x-placement^="right"] {
|
153
|
+
@extend .bs-popover-right;
|
154
|
+
}
|
155
|
+
&[x-placement^="bottom"] {
|
156
|
+
@extend .bs-popover-bottom;
|
157
|
+
}
|
158
|
+
&[x-placement^="left"] {
|
159
|
+
@extend .bs-popover-left;
|
171
160
|
}
|
172
161
|
}
|
173
162
|
|