Coder Social home page Coder Social logo

Window resolution abnormal about lumos HOT 12 CLOSED

syslot avatar syslot commented on June 25, 2024
Window resolution abnormal

from lumos.

Comments (12)

syslot avatar syslot commented on June 25, 2024 1

I tested this with two browser:

  1. Chrome with Version 122.0.6261.129 (Official Build) (x86_64)
  2. Arc Version 1.37.0 (48361) Chromium Engine Version 123.0.6312.106

from lumos.

syslot avatar syslot commented on June 25, 2024 1

this pic is captured in chrome

from lumos.

syslot avatar syslot commented on June 25, 2024 1

It doesn't match the situation you described. For the reason that I can't find the popup segment in style. Is it unexpected width of the container?

from lumos.

syslot avatar syslot commented on June 25, 2024 1

The expected width of the popup is 550px, as specified in Popup.css. If you don't see the popup class, then something is very wrong 😅

Can you try deleting the dist folder/files and rebuilding the entire app (i.e. npm run build)?

Thanks for your reply.
I've fellowed your advice , remove all project source code and re-clone it. After execute cmd : npm run build and load the dist fold, I found two errors in my extension page; here are :

image image

Is this the problem?

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

@syslot, thanks for reporting the issue! What browser and browser version are you using?

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

I'm testing with Chrome version 123.0.6312.107 and I can't reproduce the issue. I'll test with Arc next. The screenshot looks like it's from Arc.

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

Can you inspect popup window and check the width of the popup class? What does it show?

I can reproduce the issue if I remove the width attribute of the popup class.

.popup {
  /* width: 550px; */
  padding: 10px;
}

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

The expected width of the popup is 550px, as specified in Popup.css. If you don't see the popup class, then something is very wrong 😅

Can you try deleting the dist folder/files and rebuilding the entire app (i.e. npm run build)?

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

It's possible that there's a CSS class name collision with another extension. I'm going to update the class names to see if that helps.

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

@syslot, can you try version 1.0.14?

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

Hey @syslot, just checking in. Does version 1.0.14 resolve your issue?

from lumos.

andrewnguonly avatar andrewnguonly commented on June 25, 2024

Closing this issue for now. @syslot, if the issue is still present in the latest release, please re-open this issue. Thanks!

from lumos.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.