Merge pull request #6190 from overleaf/ta-survey-future

Add Product Survey 2021

GitOrigin-RevId: 838380993688262f6541101c7ee2f8d85da4323e
This commit is contained in:
Timothée Alby 2021-12-21 14:46:15 +01:00 committed by Copybot
parent b11d4b002c
commit 7c3002e608
4 changed files with 79 additions and 0 deletions

View file

@ -43,6 +43,28 @@ block content
aside.project-list-sidebar aside.project-list-sidebar
include ./list/side-bar include ./list/side-bar
.project-list-sidebar-survey(
ng-if="shouldShowSurveyLink"
ng-cloak
)
| Help us shape the future of Overleaf!
|
|
a.project-list-sidebar-survey-link(
href="https://forms.gle/UmuN1w9xyemnoMK96"
target="_blank"
rel="noreferrer noopener"
) Take part in our annual survey
| .
button.project-list-sidebar-survey-dismiss(
type="button"
title="Dismiss Overleaf survey"
ng-click="dismissSurvey()"
)
span(
aria-hidden="true"
) ×
.project-list-main.col-md-10.col-xs-9 .project-list-main.col-md-10.col-xs-9
include ./list/notifications include ./list/notifications
include ./list/project-list include ./list/project-list

View file

@ -27,6 +27,17 @@ App.controller('ProjectPageController', function (
newValue === 'ownerName' ? ownerNameComparator : defaultComparator newValue === 'ownerName' ? ownerNameComparator : defaultComparator
}) })
$scope.shouldShowSurveyLink = true
if (localStorage('dismissed-2021-future-survey') === true) {
$scope.shouldShowSurveyLink = false
}
$scope.dismissSurvey = () => {
localStorage('dismissed-2021-future-survey', true)
$scope.shouldShowSurveyLink = false
}
$timeout(() => recalculateProjectListHeight(), 10) $timeout(() => recalculateProjectListHeight(), 10)
$scope.$watch( $scope.$watch(

View file

@ -11,6 +11,51 @@
padding-right: 15px; padding-right: 15px;
} }
.project-list-sidebar-survey {
position: relative;
font-size: @font-size-small;
background-color: @v2-dash-pane-bg;
color: @v2-dash-pane-subdued-color;
padding: @folders-menu-item-v-padding 20px @folders-menu-item-v-padding
@folders-menu-item-h-padding;
&::before {
content: '';
display: block;
height: 15px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);
position: absolute;
bottom: 100%;
width: 100%;
left: 0;
}
}
.project-list-sidebar-survey-link {
color: @v2-dash-pane-color;
font-weight: bold;
&:hover,
&:active,
&:focus {
text-decoration: none;
color: @v2-dash-pane-color;
}
}
.project-list-sidebar-survey-dismiss {
.btn-inline-link;
position: absolute;
top: @folders-menu-item-v-padding;
right: @folders-menu-item-v-padding;
font-size: @font-size-base;
line-height: 1;
color: @v2-dash-pane-color;
&:hover,
&:active,
&:focus {
text-decoration: none;
color: @v2-dash-pane-color;
}
}
.project-list-sidebar-v2-pane { .project-list-sidebar-v2-pane {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;

View file

@ -933,6 +933,7 @@
@v2-dash-pane-bg: @ol-blue-gray-4; @v2-dash-pane-bg: @ol-blue-gray-4;
@v2-dash-pane-link-color: #fff; @v2-dash-pane-link-color: #fff;
@v2-dash-pane-color: #fff; @v2-dash-pane-color: #fff;
@v2-dash-pane-subdued-color: @ol-blue-gray-2;
@v2-dash-pane-toggle-color: #fff; @v2-dash-pane-toggle-color: #fff;
@v2-dash-pane-btn-bg: @ol-blue-gray-5; @v2-dash-pane-btn-bg: @ol-blue-gray-5;
@v2-dash-pane-btn-hover-bg: @ol-blue-gray-6; @v2-dash-pane-btn-hover-bg: @ol-blue-gray-6;