@@ -973,12 +973,6 @@ body[data-animate-background=true] {
973973.Tile_item : focus-visible .Tile_icon {
974974 box-shadow : var (--focus-ring );
975975}
976- .Tile_item [data-dropped = true ] {
977- animation-name : Tile_pulse;
978- animation-duration : 500ms ;
979- animation-fill-mode : forwards;
980- animation-timing-function : ease-in-out;
981- }
982976@keyframes Tile_pulse {
983977 0% {
984978 scale : 1 ;
@@ -1011,9 +1005,10 @@ body[data-animate-background=true] {
10111005 backdrop-filter : blur (48px );
10121006 background : var (--ntp-surface-background-color );
10131007 box-shadow : 0px 2px 4px 0px rgba (0 , 0 , 0 , 0.12 ), 0px 0px 3px 0px rgba (0 , 0 , 0 , 0.16 );
1008+ transition : transform .2s ;
10141009}
10151010.Tile_draggable : hover {
1016- background-color : var ( --color-white-at-18 );
1011+ transform : scale ( 1.08 );
10171012}
10181013[data-theme = dark ] .Tile_draggable : hover {
10191014 background : rgba (0 , 0 , 0 , 0.24 );
@@ -1034,15 +1029,22 @@ body[data-animate-background=true] {
10341029}
10351030.Tile_draggable : active {
10361031 transform : scale (0.95 );
1032+ opacity : .75 ;
10371033}
10381034.Tile_favicon {
10391035 display : block;
1040- max-height : calc (32 * var (--px-in-rem ));
1041- max-width : calc (32 * var (--px-in-rem ));
10421036 background-repeat : no-repeat;
10431037 background-size : contain;
10441038 pointer-events : none;
10451039}
1040+ .Tile_faviconLarge {
1041+ max-height : calc (32 * var (--px-in-rem ));
1042+ max-width : calc (32 * var (--px-in-rem ));
1043+ }
1044+ .Tile_faviconSmall {
1045+ max-height : calc (24 * var (--px-in-rem ));
1046+ max-width : calc (24 * var (--px-in-rem ));
1047+ }
10461048.Tile_faviconText {
10471049 display : flex;
10481050 align-items : center;
@@ -1058,6 +1060,12 @@ body[data-animate-background=true] {
10581060.Tile_faviconText span : first-child {
10591061 text-transform : uppercase;
10601062}
1063+ .Tile_faviconText .Tile_faviconSmall {
1064+ font-size : 0.8rem ;
1065+ border-radius : var (--border-radius-xs );
1066+ height : calc (24 * var (--px-in-rem ));
1067+ width : calc (24 * var (--px-in-rem ));
1068+ }
10611069.Tile_text {
10621070 width : var (--icon-width );
10631071 text-align : center;
@@ -1066,6 +1074,7 @@ body[data-animate-background=true] {
10661074 font-weight : 400 ;
10671075 overflow : hidden;
10681076 text-overflow : ellipsis;
1077+ overflow-wrap : anywhere;
10691078 line-clamp : 2 ;
10701079 -webkit-line-clamp : 2 ;
10711080 display : -webkit-box;
0 commit comments