machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix show blocks on small screen. (#674)

Browse Source
This commit is contained in:
Miguel Medeiros 2021-07-29 20:28:43 -03:00 committed by GitHub
parent 91a37d8fe8
commit 837e714b1f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/cypress/integration/mainnet/mainnet.spec.ts
View File

@ -72,28 +72,24 @@ describe('Mainnet', () => {
}); });
}); });
describe('tv mode', () => { it('loads the tv screen - desktop', () => {
it('loads the tv screen - desktop', () => { cy.viewport('macbook-16');
cy.visit('/');
cy.waitForSkeletonGone();
cy.get('li:nth-of-type(4) > a').click().then(() => {
cy.viewport('macbook-16'); cy.viewport('macbook-16');
cy.visit('/'); cy.get('.chart-holder');
cy.waitForSkeletonGone(); cy.get('.blockchain-wrapper').should('be.visible');
cy.get('li:nth-of-type(4) > a').click().then(() => { cy.get('#mempool-block-0').should('be.visible');
cy.viewport('macbook-16');
cy.get('.chart-holder');
cy.get('.blockchain-wrapper').should('be.visible');
cy.get('#mempool-block-0').should('be.visible');
});
}); });
});
it('loads the tv screen - mobile', () => { it('loads the tv screen - mobile', () => {
cy.visit('/'); cy.viewport('iphone-6');
cy.waitForSkeletonGone(); cy.visit('/tv');
cy.get('li:nth-of-type(4) > a').click().then(() => { cy.waitForSkeletonGone();
cy.viewport('iphone-6'); cy.get('.chart-holder');
cy.get('.chart-holder'); cy.get('.blockchain-wrapper').should('be.visible');
cy.get('.blockchain-wrapper').should('not.be.visible');
});
});
}); });
it('loads the api screen', () => { it('loads the api screen', () => {

5
frontend/src/app/components/television/television.component.scss
View File

@ -89,9 +89,4 @@
display: flex; display: flex;
margin-top: 0px; margin-top: 0px;
flex-direction: column; flex-direction: column;
@media(max-height: 700px) {
.blockchain-wrapper{
display: none !important;
}
}
} }