tablet/atlantafx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add edge-to-edge tweak support to TextInput

Browse Source
This commit is contained in:
mkpaz 2023-05-25 21:38:17 +04:00
parent 20305b5b1d
commit 19c16faeb2
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sampler/src/main/resources/atlantafx/sampler/assets/fxml/blueprints/message-editor.fxml
View File

@ -15,7 +15,7 @@
<children>
<HBox spacing="10.0">
<children>
<TextField promptText="Untitled paragraph" styleClass="no-border" HBox.hgrow="ALWAYS" />
<TextField promptText="Untitled paragraph" styleClass="edge-to-edge" HBox.hgrow="ALWAYS" />
<Button mnemonicParsing="false">
<graphic>
<FontIcon iconLiteral="mdomz-more_horiz" />
@ -133,7 +133,7 @@
</children>
</HBox>
<Separator prefWidth="200.0" styleClass="small" />
<TextArea prefHeight="100.0" promptText="It's great time to write your content" styleClass="no-border" VBox.vgrow="ALWAYS" />
<TextArea prefHeight="100.0" promptText="It's great time to write your content" styleClass="edge-to-edge" VBox.vgrow="ALWAYS" />
</children>
<padding>
<Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />

4
sampler/src/main/resources/atlantafx/sampler/assets/styles/scss/page/_showcase.scss
View File

@ -53,8 +53,4 @@
-fx-background-insets: 0, 1;
-fx-background-radius: 10px;
}
.no-border {
-fx-background-insets: 0;
}
}

6
styles/src/components/_text-input.scss
View File

@ -86,6 +86,12 @@ $color-fg-password: -color-fg-muted !default;
-fx-background-color: -color-input-border-focused, -color-input-bg-readonly;
}
&.edge-to-edge {
-fx-background-color: -color-input-bg;
-fx-background-insets: 0;
-fx-background-radius: 0;
}
// input group
&.left-pill {
-fx-background-radius: cfg.$border-radius 0 0 cfg.$border-radius, cfg.$inner-border-radius 0 0 cfg.$inner-border-radius;