Acasă Explorează Ajutor
Autentificare
cpp
/
RmlUi
oglindă de https://github.com/mikke89/RmlUi.git
2
0
Bifurcare 0
Fisiere Probleme 0 Wiki
Răsfoiți Sursa

Update filter visual tests and effects sample style

Michael Ragazzon 1 an în urmă
părinte
ac7a1dcf9b
comite
552fa390d3
3 a modificat fișierele cu 6 adăugiri și 4 ștergeri
Vizualizare divizată Arată Statisticile Diff
  1. 2 2
      Samples/basic/effects/data/effects.rml
  2. 2 1
      Tests/Data/VisualTests/filter_overflow.rml
  3. 2 1
      Tests/Data/VisualTests/filter_with_backdrop.rml

+ 2 - 2
Samples/basic/effects/data/effects.rml
Vizualizați fișierul 

@@ -80,8 +80,8 @@
 
 .invert { filter: invert(100%); }
 
 .opacity_low { filter: opacity(0.2); }
 
 
-.blur { filter: blur(25px); }
 
-.back_blur { backdrop-filter: blur(15px);  }
 
+.blur { filter: blur(10px); }
 
+.back_blur { backdrop-filter: blur(5px);  }
 
 
 .dropshadow { filter: drop-shadow(#f33f 30px 20px 5px); }

+ 2 - 1
Tests/Data/VisualTests/filter_overflow.rml
Vizualizați fișierul 

@@ -2,8 +2,9 @@
 
 <head>
 
 	<title>Filter: overflowing content</title>
 
 	<link type="text/rcss" href="../style.rcss"/>
 
+	<link rel="discussion" href="https://github.com/mikke89/RmlUi/pull/594#issuecomment-2001860732"/>
 
 	<meta name="Description" content="Test filtering of boxes with visible overflowing content. Requires filter support in the renderer." />
 
-	<meta name="Assert" content="There should be a red blurred box, and a blue blurred box to its lower-right." />
 
+	<meta name="Assert" content="There should be a red blurred box, and a blue blurred box to its lower-right. The blue box is not visible due to a limitation currently, see linked discussion." />
 
 	<style>
 
 		.box {
 
 			width: 100dp;

+ 2 - 1
Tests/Data/VisualTests/filter_with_backdrop.rml
Vizualizați fișierul 

@@ -3,6 +3,7 @@
 
 	<title>Filter: backdrop</title>
 
 	<link type="text/rcss" href="../style.rcss"/>
 
 	<meta name="Description" content="Filters should apply to the backdrop filter as well. Requires filter support in the renderer." />
 
+	<link rel="reference" href="https://jsfiddle.net/kmouse/yjzhtx17/3/" />
 
 	<style>
 
 		.container {
 
 			display: flow-root;
 
@@ -17,7 +18,7 @@
 
 			float: left;
 
 		}
 
 		.backdrop {
 
-			backdrop-filter: blur(5dp);
 
+			backdrop-filter: blur(10dp);
 
 		}
 
 		.filter {
 
 			filter: sepia(1);