So I’m trying to create a panel that I want to overlay on the browser.
But I can’t seem to be able to remove the border radius.
I’ve set the border to “none” and border-radius to “0px”, but there remains this little bit of rounding on the corners.
Does anyone have any ideas or experience with this?
Or maybe know of a good alternative to panels?
What I’m looking for wouldn’t need to extend outside the browser window.
Edit: This is on Windows 7 btw. Don’t know about other OS’s yet
Hmm, gave it a try but no luck.
My reason for wanting to remove the border radius is the same as yours:
I want to overlap the panel on another element.
I’ve checked Ubuntu, but with me the standard panel already has 0 radius borders.
Though “-moz-appearance: none” does seem to be necessary there to remove standard styling.
On Windows you can just override the style properties.
Probably should have said in the original post, the screen shot is of Windows 7.
Right now I’m trying out a box element instead of a panel.
And so far it seems to be a good option for my case.
i am actually working on creating a panel that overlays all monitors. due to mac having a setting which is default checked, it disallows peopls windows from spanning across multiple window. disablging that pref requires login. so what i opted for is to create a chromeless window and set win.fullScreen to true for each window. this is working for me thank god! ive been struggling with it for awhile.
this is my code, the contents of panel.xul is important it holds hidechome=true attribute.
that opens the window, on load the window notifes observers, and i catch that and set it full screen:
Thanks Martin it’s a native screenshot tool, all addons i see out there take screenshot of only the content of the tab. This takes it as if user hit print screen from their keyboard.
So on click it replaces all screens with the screenshot of that monitor and allows user to crop/draw/edit and upload to server, save to disk, print, etc.