inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

[MOBILEAPPS-1707] Open in App Dialog design changes as per new design and visibility of dialog enabled after the login and is shown in case of private files as well (#3225)

Browse Source 
* implementation of download Ios app as per new design shared in case IOS

* design changes as per new design shared my mobile application team

* implementation of dialog after login and visibility enabled for private files

* single click on cross dialog to close popup which was occuring earlier on double click

* test cases added for open in app component, shared link view component and  name changes

* ipad changes to open in Safari browser, open in app button clickable width increased and focus unset on open in app button click

* open in app button style changes

* theme button color changes

* review comments addressed

* review comments addressed

* review comments addressed

* download app text changes

* improved open-in-app.scss file and removed mat and cdk classed
This commit is contained in:
Jatin Chugh
2023-05-26 22:25:18 +05:30
committed by GitHub
parent 638d2f776c
commit 44ea08891e
13 changed files with 201 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.scss
View File

@@ -1,21 +1,64 @@
.container{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
aca-open-in-app {
.open-in-app-container {
display: flex;
place-content: center;
padding: 0;
border-radius: 8px;
background-color: var(--theme-primary-color);
color: var(--theme-about-panel-background-color);
margin-top: 12px;
}
.mat-dialog-container{
padding: 5px;
border-radius: 36px;
background-color: var(--theme-blue-button-color);
color: var(--theme-about-panel-background-color);
}
.open-in-app {
overflow-x: hidden;
font-size: 16px;
width: 100%;
padding: 0;
height: 48px;
.open-in-app.mat-button {
overflow-x: hidden;
}
&:focus-visible {
outline: none;
border-radius: unset;
}
}
.open-in-app.mat-button.cdk-program-focused .mat-button-focus-overlay {
opacity: 0;
.download-app-container {
display: flex;
place-content: center;
margin-top: 12px;
}
.alfresco-mobile-application-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-size: 14px;
padding: 6px 0;
}
.cross-button {
padding-right: 0;
&:focus-visible {
outline: none;
border-radius: unset;
}
}
.cross-icon {
font-weight: bold;
font-size: 21px;
height: 21px;
}
.download-app-button {
background: var(--theme-dialog-background-color);
color: var(--theme-primary-color);
font-size: 14px;
}
.mat-dialog-container {
padding: 8px 24px 24px;
}
}