community/device-mgt-core
1
0
Fork 0
mirror of https://repository.entgra.net/community/device-mgt-core.git synced 2025-10-06 02:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'application-mgt-new' into 'application-mgt-new'

Browse Source 
Improve the screenshots view of the APPM UI

See merge request entgra/carbon-device-mgt!297
This commit is contained in:
Dharmakeerthi Lasantha 2019-10-10 03:12:49 +00:00
commit 2d98768188
4 changed files with 62 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css
View File

@ -34,9 +34,34 @@
}
.release .release-screenshot img{
width: 100%;
height:450px;
border-radius: 15px;
padding: 5px;
padding: 15px;
}
.release .release-images{
overflow-x: auto;
overflow-y: hidden;
}
.release .release-images::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
.release .release-images::-webkit-scrollbar{
height: 8px;
background-color: #F5F5F5;
}
.release .release-images::-webkit-scrollbar-thumb{
background-color: #aaaaaa;
border-radius: 10px;
}
.release .release-screenshot{
display: table-cell;
}
.main-container{

6
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/ReleaseView.js vendored
View File

@ -122,12 +122,12 @@ class ReleaseView extends React.Component {
</Col>
</Row>
<Divider/>
<Row>
<Row className="release-images">
{release.screenshots.map((screenshotUrl) => {
return (
<Col key={"col-" + screenshotUrl} lg={6} md={8} xs={8} className="release-screenshot">
<div key={"col-" + screenshotUrl} className="release-screenshot">
<img key={screenshotUrl} src={screenshotUrl}/>
</Col>
</div>
)
})}
</Row>

30
components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/App.css
View File

@ -34,9 +34,35 @@
}
.release .release-screenshot img{
width: 100%;
height: 400px;
border-radius: 15px;
padding: 5px;
padding: 10px;
}
.release .release-images{
overflow-x: auto;
overflow-y: hidden;
}
.release .release-images::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
.release .release-images::-webkit-scrollbar{
height: 8px;
background-color: #F5F5F5;
}
.release .release-images::-webkit-scrollbar-thumb{
background-color: #aaaaaa;
border-radius: 10px;
}
.release .release-screenshot{
display: table-cell;
}
.main-container{

8
components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/release/images/ImgViewer.js vendored
View File

@ -44,13 +44,13 @@ class ImgViewer extends Component {
movable : false
};
return (
<div>
<div className="release-images">
<RcViewer options={options} ref='viewer'>
{this.props.images.map((screenshotUrl) => {
return (
<Col key={"col-" + screenshotUrl} lg={6} md={8} xs={8} className="release-screenshot">
<img key={screenshotUrl} src={screenshotUrl}/>
</Col>
<div key={"col-" + screenshotUrl} className="release-screenshot">
<img alt="screenshot" key={screenshotUrl} src={screenshotUrl}/>
</div>
)
})}
</RcViewer>