app/assets/stylesheets/pageflow/linkmap_page.scss in pageflow-linkmap-page-1.0.0 vs app/assets/stylesheets/pageflow/linkmap_page.scss in pageflow-linkmap-page-1.1.0
- old
+ new
@@ -218,46 +218,48 @@
letter-spacing: 0.22px;
line-height: 30px;
}
}
- .external_site_area {
+ .external_link_loading_indicator,
+ .external_site_area .inline_loading_spinner {
+ position: absolute;
+ height: 100%;
+ width: 50%;
+ top: 0;
+ left: 0;
+ overflow: hidden;
- .inline_loading_spinner {
+ .circle_inner {
position: absolute;
height: 100%;
- width: 50%;
+ width: 100%;
top: 0;
left: 0;
overflow: hidden;
+ @include transform(rotate(0));
- .circle_inner {
+ .circle_innerst {
position: absolute;
height: 100%;
- width: 100%;
+ width: 200%;
top: 0;
left: 0;
- overflow: hidden;
- @include transform(rotate(0));
-
- .circle_innerst {
- position: absolute;
- height: 100%;
- width: 200%;
- top: 0;
- left: 0;
- border: 3px solid green;
- box-sizing: border-box;
- border-radius: 50%;
- }
+ box-sizing: border-box;
+ border-radius: 50%;
}
-
- @include inline-loading-spinner;
}
- &.active.target_self {
- .inline_loading_spinner {
- display: block;
- }
- }
+ @include inline-loading-spinner;
+ }
+
+ .external_site_area.active.target_self.dynamic_marker .inline_loading_spinner {
+ display: block;
+ }
+
+ .external_link_loading_indicator {
+ height: 150px;
+ width: 75px;
+ margin-top: -75px;
+ z-index: 2;
}
}