0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove backdrop filter and add elevation to bottom action bar

Browse source
This commit is contained in:
ashilkn 2023-05-19 20:37:14 +05:30
parent 156fa8d32e
commit fc7fe1dc4c
2 changed files with 57 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/theme/effects.dart
View file

@ -8,6 +8,10 @@ List<BoxShadow> shadowFloatLight = const [
BoxShadow(blurRadius: 10, color: Color.fromRGBO(0, 0, 0, 0.25)),
];
List<BoxShadow> shadowFloatFaintLight = const [
BoxShadow(blurRadius: 10, color: Color.fromRGBO(0, 0, 0, 0.12)),
];
List<BoxShadow> shadowMenuLight = const [
BoxShadow(blurRadius: 6, color: Color.fromRGBO(0, 0, 0, 0.16)),
BoxShadow(

108
lib/ui/components/bottom_action_bar/bottom_action_bar_widget.dart
View file

@ -6,7 +6,7 @@ import 'package:photos/core/constants.dart';
import "package:photos/generated/l10n.dart";
import 'package:photos/models/gallery_type.dart';
import 'package:photos/models/selected_files.dart';
import 'package:photos/theme/effects.dart';
import "package:photos/theme/effects.dart";
import 'package:photos/theme/ente_theme.dart';
import 'package:photos/ui/components/bottom_action_bar/action_bar_widget.dart';
import 'package:photos/ui/components/buttons/icon_button_widget.dart';
@ -42,63 +42,61 @@ class BottomActionBarWidget extends StatelessWidget {
final double leftRightPadding = widthOfScreen > restrictedMaxWidth
? (widthOfScreen - restrictedMaxWidth) / 2
: 0;
return ClipRRect(
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: blurFaint, sigmaY: blurFaint),
child: Container(
color: colorScheme.backdropBase,
padding: EdgeInsets.only(
top: 4,
bottom: hasSmallerBottomPadding ? 24 : 36,
right: leftRightPadding,
left: leftRightPadding,
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
ExpandableNotifier(
controller: _expandableController,
child: ExpandablePanel(
theme: _getExpandableTheme(),
header: Padding(
padding: EdgeInsets.symmetric(
horizontal: text == null ? 12 : 0,
),
child: ActionBarWidget(
selectedFiles: selectedFiles,
galleryType: type,
text: text,
iconButtons: _iconButtons(context),
),
),
expanded: expandedMenu,
collapsed: const SizedBox.shrink(),
controller: _expandableController,
return Container(
decoration: BoxDecoration(
color: colorScheme.backgroundElevated,
boxShadow: shadowFloatFaintLight,
),
padding: EdgeInsets.only(
top: 4,
bottom: hasSmallerBottomPadding ? 24 : 36,
right: leftRightPadding,
left: leftRightPadding,
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
ExpandableNotifier(
controller: _expandableController,
child: ExpandablePanel(
theme: _getExpandableTheme(),
header: Padding(
padding: EdgeInsets.symmetric(
horizontal: text == null ? 12 : 0,
),
child: ActionBarWidget(
selectedFiles: selectedFiles,
galleryType: type,
text: text,
iconButtons: _iconButtons(context),
),
),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 14,
),
child: GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () {
onCancel?.call();
_expandableController.value = false;
},
child: Center(
child: Text(
S.of(context).cancel,
style: textTheme.bodyBold
.copyWith(color: colorScheme.blurTextBase),
),
),
),
)
],
expanded: expandedMenu,
collapsed: const SizedBox.shrink(),
controller: _expandableController,
),
),
),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 14,
),
child: GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () {
onCancel?.call();
_expandableController.value = false;
},
child: Center(
child: Text(
S.of(context).cancel,
style: textTheme.bodyBold
.copyWith(color: colorScheme.blurTextBase),
),
),
),
)
],
),
);
}