fix: Comment icon gets hidden behind tabs on Tab widget (#11019)

* fix for z-index issue on comments icon

* css changes

* fixed failing cypress tests
This commit is contained in:
Ankita Kinger 2022-02-12 08:28:13 +05:30 committed by GitHub
parent b778b83ac4
commit c29c2f745e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 5 deletions

View File

@ -110,7 +110,7 @@ describe("Comments", function() {
// create another comment since the first one is a private bot thread
it("another comment can be created after dismissing the first one", () => {
cy.get(commonLocators.canvas).click(10, 10);
cy.get(commonLocators.canvas).click(60, 10);
// wait for transition to be completed
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(300);
@ -137,8 +137,8 @@ describe("Comments", function() {
it("unread indicator is visible for another app user when a new comment is added", () => {
// share app with TESTUSERNAME2
cy.get(homePage.shareApp).click({ force: true });
cy.shareApp(Cypress.env("TESTUSERNAME2"), homePage.adminRole);
cy.LogintoApp(Cypress.env("TESTUSERNAME2"), Cypress.env("TESTPASSWORD2"));
cy.shareApp(Cypress.env("TESTUSERNAME1"), homePage.adminRole);
cy.LogintoApp(Cypress.env("TESTUSERNAME1"), Cypress.env("TESTPASSWORD1"));
// launch the editor
cy.get(homePage.searchInput).type(appName);

View File

@ -38,7 +38,7 @@ const CommentTriggerContainer = styled.div<{
xOffset: number;
yOffset: number;
}>`
position: absolute;
position: fixed;
${(props) => getPosition(props)}
z-index: 1;
`;

View File

@ -28,7 +28,7 @@ const CommentTriggerContainer = styled.div<{
xOffset: number;
yOffset: number;
}>`
position: absolute;
position: fixed;
${(props) => getPosition(props)}
z-index: 1;
& svg {