Coder Social home page Coder Social logo

Comments (5)

Infocatcher avatar Infocatcher commented on August 19, 2024

Make progress bar have completely square corners? It seems to be missing 1 pixel from all the corners (using Windows 8).

I don't like to completely override system/theme styles.
With default Firefox theme progress bar uses system styles and these styles only can be removed using -moz-appearance: none or styled using some "simple" things like opacity and grayscale filter.
Anyway, there is simple example:

.downloadProgress {
    -moz-appearance: none !important;
    border: 1px solid green !important;
    background: -moz-dialog !important;
}
.downloadProgress > .progress-bar {
    -moz-appearance: none !important;
    background: green !important;
}
.downloadProgress > .progress-remainder {
    -moz-appearance: none !important;
    background: transparent !important;
}

It also looks like it introduces some dark-colored pixels when using the very compact style.

Thanks, I see (this is on Windows 7):
Progress bar bug with very compact style
Seems like we can't use

    .downloadProgress {
        margin: 0 3px !important;
    }

So, let's restore vertical margins: 8c0417c

Include your downloadPercentage.css tweak, and optionally display the percentage on the same line as the other stats?

Style for download percentage doesn't have automated vertical alignment, depends on used fonts and doesn't support RTL locales...
And it's difficult to change stats line using only CSS.
We can override/modify some built-in functions to change stats, but I don't like this way: it's depends on current Firefox implementation and more difficult to maintain.

And I'm using version 0.1.1pre6, but is there a page where I can access newest pre versions? Or instructions for how to build the latest xpi?

Sorry, no page and only source code available.
But it's very easy to create xpi:
https://github.com/Infocatcher/Download_Panel_Tweaker
=> Download ZIP
=> Extract all files, navigate into Download_Panel_Tweaker-master/ directory (or something like, this was changed at least once) and pack all files from this directory into ZIP archive (with *.xpi extension), should be
dpt.xpi
├─ install.rdf
├─ chrome.manifest
├─ bootstrap.js
...
Or just run make.bat, but you need 7-Zip or WinRAR:

set _7zip="%COMMANDER_PATH%\arch\7-Zip-4.65\7z.exe"
set _winRar="%COMMANDER_PATH%\arch\WinRAR\WinRAR.exe"

if not exist %_7zip% set _7zip="%ProgramFiles%\7-Zip\7z.exe"
if not exist %_winRar% set _winRar="%ProgramFiles%\WinRAR\WinRAR.exe"

from download_panel_tweaker.

Keith94 avatar Keith94 commented on August 19, 2024

Cool, thanks for all your help! I appreciate the awesome work you do. :)

from download_panel_tweaker.

Infocatcher avatar Infocatcher commented on August 19, 2024

I forgot to answer.

Increase the top margin of the cancel button to have it appear more centered with the progress bar? Increasing by 4/5px looks alright.

This because font size for file name is larger than for descriptions/statistics.
So the cancel button is centered, but progress bar isn't.
From chrome://browser/skin/downloads/downloads.css:

.downloadTarget {
  font-size: calc(100%/0.9);
}

You can use

.downloadTarget {
  font-size: 100% !important;
}

to override this.

from download_panel_tweaker.

Keith94 avatar Keith94 commented on August 19, 2024

Ah I see, thanks for that--looks better now. I guess you can close this issue.

from download_panel_tweaker.

Infocatcher avatar Infocatcher commented on August 19, 2024

I guess you can close this issue.

Great! :)

from download_panel_tweaker.

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.