summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlex Pott2015-06-09 11:41:47 +0100
committerAlex Pott2015-06-09 11:41:47 +0100
commitaa19ecfbd2c1d56aa56c9d9abdc5995c13fecac7 (patch)
tree1dff50e173d660387864c86e3b7d5b228024e847
parent5803f9080eedddbd3f7d038de2e534ff8d8a36f6 (diff)
Issue #2485293 by MathieuSpil, Manjit.Singh, rudraram, prajaankit, LewisNyman, DeeLay, sqndr: Clean up tour.module.css
-rw-r--r--core/modules/tour/css/tour.module.css70
1 files changed, 19 insertions, 51 deletions
diff --git a/core/modules/tour/css/tour.module.css b/core/modules/tour/css/tour.module.css
index 4230a56..18d8aa0 100644
--- a/core/modules/tour/css/tour.module.css
+++ b/core/modules/tour/css/tour.module.css
@@ -10,45 +10,16 @@
[dir="rtl"] .toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
float: left;
}
-.toolbar .tour-toolbar-tab button {
- padding-bottom: 1em;
- padding-top: 1em;
- color: #fff;
- font-weight: bold;
-}
-.toolbar .tour-toolbar-tab button.is-active {
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
- background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
-}
-.tour-toolbar-tab button:focus {
- outline: thin dotted;
-}
-
-/* @todo Remove once https://www.drupal.org/node/1916690 is resolved. */
-.toolbar .tour-toolbar-tab.toolbar-tab.hidden {
- display: none;
-}
/* Override placement of the tour progress indicator. */
.tour-progress {
position: absolute;
- /* Equals paddings from .joyride-content-wrapper */
- bottom: 0;
- right: 0; /* LTR */
+ bottom: 20px;
+ right: 20px; /* LTR */
}
[dir="rtl"] .tour-progress {
right: auto;
- left: 0;
-}
-
-/* @todo Remove once https://www.drupal.org/node/1916690 is resolved. */
-.toolbar .tour-toolbar-tab.toolbar-tab.hidden {
- display: none;
-}
-
-/* JoyRide Styles. */
-#joyRideTipContent {
- display: none;
+ left: 20px;
}
/* Default styles for the container */
@@ -58,30 +29,22 @@
background: #fff;
width: 300px;
z-index: 101;
- top: 0; /* keeps the page from scrolling when calculating position. */
+ top: 0;
left: 0;
- padding: 1em 1em 1.5em 1.5em; /* LTR */
}
-[dir="rtl"] .joyride-tip-guide {
- padding: 1em 1.5em 1.5em 1em;
+@media only screen and (max-width: 767px) {
+ .joyride-tip-guide {
+ width: 85%;
+ left: 2.5%;
+ }
}
.joyride-content-wrapper {
- /* Apply padding from parent .joyride-tip-guide to absolutely positioned children. */
position: relative;
- padding-right: 1em; /* LTR */
+ padding: 20px 50px 20px 20px; /* LTR */
}
[dir="rtl"] .joyride-content-wrapper {
- padding-right: 0;
- padding-left: 1em;
-}
-
-/* Mobile */
-@media only screen and (max-width: 767px) {
- .joyride-tip-guide {
- width: 85%;
- left: 2.5%;
- }
+ padding: 20px 20px 20px 50px;
}
/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
@@ -123,6 +86,10 @@
right: 28px;
}
+.joyride-tip-guide .tour-tip-label {
+ margin-top: 0;
+}
+
.joyride-tip-guide p {
margin: 0 0 1.4em;
}
@@ -142,11 +109,12 @@
.joyride-close-tip {
position: absolute;
- right: 0; /* LTR */
- top: 0;
+ line-height: 1em;
+ right: 20px; /* LTR */
+ top: 20px;
}
[dir="rtl"] .joyride-close-tip {
- left: 0;
+ left: 20px;
right: auto;
}