5f076dfeea
- css tweaks for proper sizing and minor cleanup of unused classes and properties - added flip="none" for the panels to not bounce around window's edges - removed dialog's marginBottom on macOS - it doesn't seem needed anymore - close and reopen panel when window's height changes on all platforms. It used to only happen on windows but now the panel remains at it's original location on macOS as well, so we'll always reopen the panel so that is is positioned close to the dialog - try to postion the panel in the middle on windows - fix progress meter not appearing * improved qf window drag - not using old windowDraggingUtils since it causes issues on windows with the mouse outrunning the window. - instead, set -moz-window-drag: drag on dialog when the mouse is over the red border - added chromeutils param to the window. These are required for dragging to work on windows and their values are important because wrong values will cause the window to shrink and basically disappear. 0,0,15,0 seems to work most reliably though the reason why other values (e.g. 0,2,2,2 as on the ZoteroPane window) break window is not clear - added margins around the dialog on windows. moz-window-drag doesn't seem to properly work for mouse clicks very close to the window's edge - with fx115, the <panel> does not follow the window when it is dragged, so we have to hide the panel during dragging. Unfortunately, mouseup/down events don't fire on the dialog when moz-window-drag: drag is set on windows. Without these events, as a workaround, we check window's position periodically and hide/display the reference panel based on that. - removed initial window.resizeTo() right when the content is loaded. It's not needed and sometimes causes rendering issues when the dialog appears shrunk. * fx115 linux css edits - try to make the dialog look like dialogs on other platforms. Red background, no chrome etc. The actual window's background can't seem to be transparant, so no round borders - minor edits to sizing on linux
23 lines
No EOL
684 B
CSS
23 lines
No EOL
684 B
CSS
window.citation-dialog {
|
|
background: transparent;
|
|
padding: 0;
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
|
|
.citation-dialog.entry {
|
|
background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
|
|
padding: 10px;
|
|
/* mouse events on win don't fire right at the edge of the window. The dialog has a gap
|
|
before the window edges to ensure the window can be dragged from any point of the dialog */
|
|
margin:10px;
|
|
}
|
|
|
|
.note-dialog .citation-dialog.entry {
|
|
background: -moz-linear-gradient(-90deg, rgb(249, 231, 179) 0, rgb(228, 193, 94) 50%, rgb(221, 184, 81) 50%);
|
|
}
|
|
|
|
.citation-dialog.entry:not([square="true"]) {
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px;
|
|
} |