3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 13:18:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2952 from penpot/eva-ally-context-3

Browse source 
Add new accessibility functionality to the dashboard
This commit is contained in:
Aitor 2023-02-20 13:30:42 +01:00 • committed by GitHub
commit 96ce475206
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 625 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/common/base.scss
View file

@ -64,6 +64,10 @@ a {
}
}
button {
font-family: "worksans", sans-serif;
}
p {
font-size: $fs12;
margin-bottom: 1rem;

34
frontend/resources/styles/main/layouts/login.scss
View file

@ -73,6 +73,40 @@
form {
margin: 2rem 0 0.5rem 0;
.accept-terms-and-privacy-wrapper {
position: relative;
.input-checkbox {
margin-bottom: 0;
}
.input-checkbox input[type="checkbox"] {
position: absolute;
display: block;
width: 20px;
height: 20px;
opacity: 0;
top: 22px;
}
label {
margin-left: 40px;
}
label:before {
position: absolute;
top: 15px;
left: -36px;
}
label:after {
position: absolute;
top: 15px;
left: -33px;
}
.input-checkbox input[type="checkbox"]:focus {
opacity: 100%;
}
.auth-links {
margin-left: 40px;
font-size: 0.75rem;
}
}
}
}

7
frontend/resources/styles/main/partials/dashboard-grid.scss
View file

@ -27,10 +27,15 @@
margin: $size-3 $size-4 $size-4 $size-2;
position: relative;
text-align: center;
a {
a,
button {
width: 100%;
font-weight: normal;
}
button {
background-color: transparent;
border: none;
}
@media #{$bp-max-1366} {
height: 200px;
flex: 1 0 230px;

32
frontend/resources/styles/main/partials/dashboard.scss
View file

@ -183,6 +183,7 @@
.dashboard-project-row {
margin-bottom: $size-5;
position: relative;
.project {
align-items: center;
@ -211,6 +212,8 @@
font-size: $fs14;
justify-content: space-between;
cursor: pointer;
background-color: transparent;
border: none;
.placeholder-icon {
transform: rotate(-90deg);
margin-left: 10px;
@ -297,6 +300,35 @@
opacity: 1;
}
}
.show-more {
align-items: center;
color: $color-gray-30;
display: flex;
font-size: $fs14;
justify-content: space-between;
cursor: pointer;
background-color: transparent;
border: none;
position: absolute;
top: 9px;
right: 53px;
.placeholder-icon {
transform: rotate(-90deg);
margin-left: 10px;
svg {
height: 14px;
width: 14px;
fill: $color-gray-30;
}
}
&:hover {
color: $color-primary-dark;
svg {
fill: $color-primary-dark;
}
}
}
}
.recent-files-row-title-info {