1eaff8110c
Citation dialog: keep reference panel open without selection - Reference panel remains opened while the focus is on an input - The first item from the reference panel is no longer selected by default to avoid unwanted items being added as a bubble - The first item from the reference panel is selected only when the dialog has no bubbles or when a search for a non-empty input has ran - Shift-Enter from input or reference panel will accept the dialog's state instead of creating a bubble - Ensure that the reference panel reloads when a bubble is deleted - Added button to accept the citation dialog Some other changes: - Z-icon and spinner/accept icon occupy the same amount of space - Ensure that window's width is 800px - Set the editor's width dynamically when DOM is loaded - Remove not used css classes and css adding margins to z-icon. - Do not accept/bubbleize while loading
80 lines
No EOL
2.7 KiB
CSS
80 lines
No EOL
2.7 KiB
CSS
body {
|
|
line-height: 1.6em;
|
|
font-size: 15px;
|
|
}
|
|
|
|
window.citation-dialog {
|
|
background: transparent;
|
|
-moz-appearance: none;
|
|
padding: 0;
|
|
width: 800px;
|
|
}
|
|
|
|
.citation-dialog.progress-bar .citation-dialog.deck {
|
|
height: 37px;
|
|
}
|
|
|
|
|
|
|
|
.citation-dialog.entry {
|
|
background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
|
|
padding: 12px;
|
|
}
|
|
|
|
.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-properties menulist {
|
|
-moz-appearance: none; color: #fff;
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
|
border-radius: 12px;
|
|
border: 1px solid rgba(0,0,0,.65);
|
|
background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, rgba(50,50,50,.9) 51%, rgba(40,40,40,.9));
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 1px rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
|
background-clip: padding-box;
|
|
background-origin: padding-box;
|
|
padding: 2px 9px;
|
|
border-radius: 3px;
|
|
min-height: 22px;
|
|
-moz-padding-start: 4px;
|
|
-moz-padding-end: 0;
|
|
}
|
|
|
|
#citation-properties menulist:-moz-focusring {
|
|
box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring;
|
|
}
|
|
|
|
#citation-properties menulist[open="true"],
|
|
#citation-properties menulist:hover:active {
|
|
background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
|
|
box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1);
|
|
}
|
|
|
|
#citation-properties menulist > .menulist-dropmarker {
|
|
-moz-appearance: none;
|
|
display: -moz-box;
|
|
background-color: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#citation-properties menulist > .menulist-dropmarker > .dropmarker-icon {
|
|
list-style-image: url("chrome://browser/skin/hud-style-dropmarker-double-arrows.png");
|
|
}
|
|
|
|
panel button {
|
|
-moz-appearance: none; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); border-radius: 12px; border: 1px solid rgba(0,0,0,.65); background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, rgba(50,50,50,.9) 51%, rgba(40,40,40,.9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 1px rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); background-clip: padding-box; background-origin: padding-box; padding: 2px 9px;
|
|
margin: 6px;
|
|
min-height: 22px;
|
|
}
|
|
|
|
panel button:hover:active {
|
|
background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9)); box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1);
|
|
}
|
|
|
|
panel button:-moz-focusring {
|
|
box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring;
|
|
} |