Skip to content

Commit 09628da

Browse files
committed
fix(demo): fix demo styles in vaadin 25
1 parent eb980ad commit 09628da

1 file changed

Lines changed: 23 additions & 0 deletions

File tree

  • src/test/resources/META-INF/resources/frontend/styles/granitealert

src/test/resources/META-INF/resources/frontend/styles/granitealert/demo-styles.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,36 @@ granite-alert-mixin.funny::part(alert) {
3333
border: none;
3434
}
3535

36+
granite-alert-mixin {
37+
position: relative;
38+
}
39+
40+
granite-alert-mixin span {
41+
padding-right: 20px;
42+
display: block;
43+
}
44+
3645
granite-alert-mixin vaadin-button {
3746
background-color: transparent;
47+
--vaadin-button-background: transparent;
3848
float: right;
3949
cursor: pointer;
4050
height: 26px;
4151
margin: 0;
4252
padding: 0;
53+
54+
position: absolute;
55+
box-shadow: none;
56+
border: none;
57+
height: 100%;
58+
margin-top: 0.5px;
59+
top: 0;
60+
bottom: 0;
61+
right: 0;
62+
}
63+
64+
#content.demos-v25 granite-alert-mixin vaadin-button {
65+
right: calc(8px * (1 - var(--vaadin-lumo-theme, 0)));
4366
}
4467

4568
granite-alert-mixin[level="success"] vaadin-button {

0 commit comments

Comments
 (0)