diff --git a/library/src/morpheus-master/js/duke-lib.js b/library/src/morpheus-master/js/duke-lib.js index 32883a36ac..0eccd32344 100644 --- a/library/src/morpheus-master/js/duke-lib.js +++ b/library/src/morpheus-master/js/duke-lib.js @@ -255,17 +255,22 @@ if (document.querySelector(".Mrphs-headerLogo--institution")) { /////////////////////////////////////////////////// // #359 Add Conversations survey to tool /////////////////////////////////////////////////// - function dukeAddConversationsSurvey(){ - // await document.hasOwnProperty('sakai'); if ( 'conversations' in window.sakai.translations ) { const surveyContainer = document.createElement("div"); surveyContainer.id = "duke-conversations-survey"; - const classes = ["duke-conversations-survey", "sak-banner-success-inline"]; + const classes = ["duke-conversations-survey"]; surveyContainer.classList.add(...classes); - surveyContainer.innerHTML = `Share your experience with Conversations!`; - let placement = document.querySelector(".Mrphs-sakai-conversations .Mrphs-toolTitleNav"); - placement.prepend(surveyContainer); + surveyContainer.innerHTML = `Share your Conversations experience with us!`; + let placement = document.querySelector(".Mrphs-siteHierarchy"); + placement.append(surveyContainer); + placement.style.flexDirection = "row"; + placement.style.alignItems = "center"; + document.querySelector(".Mrphs-hierarchy--sites").style.maxWidth = "70%"; + let placementLink = document.querySelector(".Mrphs-hierarchy--sites a"); + placementLink.style.textOverflow = "ellipsis"; + placementLink.style.overflow = "hidden"; + placementLink.style.whiteSpace = "nowrap"; } } diff --git a/library/src/morpheus-master/sass/_duke-all-overrides.scss b/library/src/morpheus-master/sass/_duke-all-overrides.scss index 573eb2d349..6538c7a5cc 100644 --- a/library/src/morpheus-master/sass/_duke-all-overrides.scss +++ b/library/src/morpheus-master/sass/_duke-all-overrides.scss @@ -1557,16 +1557,20 @@ div.progress-stat { // duke-359 Conversations survey banner #duke-conversations-survey { - padding: 8px 8px 8px 50px; -@media only screen and (min-width: 800px) { - margin-top:-48px; -} -} -.Mrphs-sakai-conversations .Mrphs-toolTitleNav { - justify-content: flex-end; - align-content: center; - align-items: center; - flex-direction: row; - flex-wrap: nowrap; + a { + @include sakai_primary_button(); + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + + .fa { + margin-left: 8px; + } + } + + @media only screen and (max-width: 640px) { + min-width: 27%; + } }