Commit aa19ecfb authored by alexpott's avatar alexpott

Issue #2485293 by MathieuSpil, Manjit.Singh, rudraram, prajaankit, LewisNyman,...

Issue #2485293 by MathieuSpil, Manjit.Singh, rudraram, prajaankit, LewisNyman, DeeLay, sqndr: Clean up tour.module.css
parent 5803f908
......@@ -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;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment