dagshub-docs/docs

$(document).ready(function() {
    // 1. Create feedback button
    var button = '<div class="feedback-button">' +
		'<a href="https://DAGsHub.com/DAGsHub-Official/DAGsHub-Issues?utm_source=dagshub&utm_medium=feedbackButton&utm_campaign=feedbackButton">FEEDBACK</a>' +
		'<i class="minimize-feedback fas fa-angle-down"></i>' +
        '</div>';

    // 2. Append somewhere
    var body = $("body");
    body.append(button);

    // 3. Add styles
    $(".feedback-button a").css({
        'color': '#fff',
    });
    $(".feedback-button i").css({
        'padding-left': '7px',
        'margin-left': '7px',
        'border-left': '1px solid #fff',
		'cursor': 'pointer'
    });
	var feedbackButton = $(".feedback-button");
	feedbackButton.css({
        'background-color': '#59747A',
        'color': '#fff',
        'font-size': '15px',
        'font-weight': '400',
        'position': 'fixed',
        'border-radius': '5px 5px 0 0',
        'top': '40%',
        'right': '-57px',
        'padding': '10px 15px',
        'transform': 'rotate(-90deg)',
        '-webkit-transform': 'rotate(-90deg)',
        'letter-spacing': '2px',
        'transition': 'right 400ms ease-in',
        'z-index': '2000000'
    });
	var feedbackButtonChoiceStorageKey = 'dagshub-showFeedbackButtonChoice';
	if (localStorage.getItem(feedbackButtonChoiceStorageKey) !== 'hide') {
        feedbackButton.css({'right': '-57px',});
    } else {
        feedbackButton.css({'right': '-84px',});
    }
    feedbackButton.mouseenter(function() {
        localStorage.setItem(feedbackButtonChoiceStorageKey, 'show');
        $(this).css({
            'background-color': '#103037',
            'right': '-57px'
        }).mouseleave(function(){
            $(this).css({
                'background-color': '#59747A'
            })
        })
    });
    // 4. Add minimize action
    $(".minimize-feedback").click(function() {
        localStorage.setItem(feedbackButtonChoiceStorageKey, 'hide');
        feedbackButton.css({
            'right': '-84px'
        })
    });
});