mirror of
https://github.com/koodo-reader/koodo-reader.git
synced 2026-06-20 13:50:34 -04:00
Enhance UI components: Adjust dropdown widths and import options positioning
- Set width of language setting dropdowns in ConvertDialog to 70px for better alignment. - Modify the positioning of the more options dropdown in ImportLocal based on component width. - Increase the width of the more options dropdown in ImportLocal from 180px to 200px for improved usability.
This commit is contained in:
2
src/assets/lib/kookit.min.js
vendored
2
src/assets/lib/kookit.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -185,6 +185,7 @@ class ConvertDialog extends React.Component<
|
||||
<select
|
||||
name=""
|
||||
className="lang-setting-dropdown"
|
||||
style={{ width: "70px" }}
|
||||
onChange={(event) => {
|
||||
ConfigService.setReaderConfig(
|
||||
"ocrLang",
|
||||
@@ -238,6 +239,7 @@ class ConvertDialog extends React.Component<
|
||||
<select
|
||||
name=""
|
||||
className="lang-setting-dropdown"
|
||||
style={{ width: "70px" }}
|
||||
onChange={(event) => {
|
||||
ConfigService.setReaderConfig(
|
||||
"paraSpacingValue",
|
||||
@@ -298,6 +300,7 @@ class ConvertDialog extends React.Component<
|
||||
<select
|
||||
name=""
|
||||
className="lang-setting-dropdown"
|
||||
style={{ width: "70px" }}
|
||||
onChange={(event) => {
|
||||
ConfigService.setReaderConfig(
|
||||
"titleSizeValue",
|
||||
|
||||
@@ -364,6 +364,16 @@ class ImportLocal extends React.Component<ImportLocalProps, ImportLocalState> {
|
||||
<div
|
||||
className="more-options-dropdown"
|
||||
onMouseLeave={this.toggleMoreOptions}
|
||||
style={
|
||||
this.state.width < 950
|
||||
? {
|
||||
bottom: "calc(100% + 5px)",
|
||||
top: "unset",
|
||||
right: "unset",
|
||||
left: "-110px",
|
||||
}
|
||||
: {}
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="more-option-item"
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
right: 0;
|
||||
top: 100%;
|
||||
border-radius: 10px;
|
||||
width: 180px;
|
||||
width: 200px;
|
||||
z-index: 999;
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user