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> <children>
<HBox spacing="10.0"> <HBox spacing="10.0">
<children> <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"> <Button mnemonicParsing="false">
<graphic> <graphic>
<FontIcon iconLiteral="mdomz-more_horiz" /> <FontIcon iconLiteral="mdomz-more_horiz" />
@ -133,7 +133,7 @@
</children> </children>
</HBox> </HBox>
<Separator prefWidth="200.0" styleClass="small" /> <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> </children>
<padding> <padding>
<Insets bottom="20.0" left="20.0" right="20.0" top="20.0" /> <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-insets: 0, 1;
-fx-background-radius: 10px; -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; -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 // input group
&.left-pill { &.left-pill {
-fx-background-radius: cfg.$border-radius 0 0 cfg.$border-radius, cfg.$inner-border-radius 0 0 cfg.$inner-border-radius; -fx-background-radius: cfg.$border-radius 0 0 cfg.$border-radius, cfg.$inner-border-radius 0 0 cfg.$inner-border-radius;