Git Product home page Git Product logo

support-how-to's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

support-how-to's Issues

Bug: selected vs hover state

Maybe this is by design, but a tab that I hover over becomes the same color as the selected tab. I find this confusing, it looks like a bug to me (but it may be the way it's designed).

Screen Shot 2020-08-13 at 1 15 52 PM

Bug: Text is clickable rather than button

The buttons are not actually clickable items, it's the text inside the button that's active as a link. On the live site, you can click anywhere in the button and activate the link, but in testing you have to click directly on the text inside the button.

Prepend Rackspace site to Google search query

Prepend appropriate site string such as site:docs.rackspace.comto the search query, so that results in our site are favored. (or other appropriate method to the implementation)

Legacy site:
image

This testing site:
image

Public google.com search page with site:support.rackspace.com vlanas the search query:
image

Update and test new feedback widget link

Update and test new feedback widget link

<!--BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET-->
<script type='text/javascript'>
(function(){var g=function(e,h,f,g){
this.get=function(a){for(var a=a+"=",c=document.cookie.split(";"),b=0,e=c.length;b<e;b++){for(var d=c[b];" "==d.charAt(0);)d=d.substring(1,d.length);if(0==d.indexOf(a))return d.substring(a.length,d.length)}return null};
this.set=function(a,c){var b="",b=new Date;b.setTime(b.getTime()+6048E5);b="; expires="+b.toGMTString();document.cookie=a+"="+c+b+"; path=/; "};
this.check=function(){var a=this.get(f);if(a)a=a.split(":");else if(100!=e)"v"==h&&(e=Math.random()>=e/100?0:100),a=[h,e,0],this.set(f,a.join(":"));else return!0;var c=a[1];if(100==c)return!0;switch(a[0]){case "v":return!1;case "r":return c=a[2]%Math.floor(100/c),a[2]++,this.set(f,a.join(":")),!c}return!0};
this.go=function(){if(this.check()){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)}};
this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!1):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};};
try{(new g(100,"r","QSI_S_ZN_7WEcCqVEECKBeIt","https://zn7weccqveeckbeit-rackspaceinc.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_7WEcCqVEECKBeIt")).start()}catch(i){}})();
</script><div id='ZN_7WEcCqVEECKBeIt'><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div>
<!--END WEBSITE FEEDBACK SNIPPET-->

Bug: Numbered lists in FAQ breaks format

There seems to be an existing issue with numbered lists (#35) but it is breaking the formatting of the FAQ questions:

Screen Shot 2020-08-18 at 8 13 32 AM

If you open the "How do I view my invoice" question, you can see that the exposed steps are meant to be a numbered list, so they are both not numbered and not indented correctly:
Screen Shot 2020-08-18 at 8 13 49 AM

Mobile accordion menu

support.rackspace.com/how-to on the legacy site uses an accordion style menu that I believe is easier to navigate than the chosen mobile layout on the netlify site.

I recommend using the accordion style menu.

Bug: Button size not consistent

The buttons seem to have changed to be sized based on the length of the text inside rather than a static width:

production:
Screen Shot 2020-08-13 at 4 04 58 PM

test:
Screen Shot 2020-08-13 at 4 05 03 PM

Bug: No FAQ collapsable questions

The questions on the FAQ page are meant to be expandable and they aren't rendering that way. I believe it's set to have h4 headers activate the styling.

production:
Screen Shot 2020-08-13 at 3 57 07 PM

testing:
Screen Shot 2020-08-13 at 3 57 13 PM

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.