Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add clear icon into link menu

Browse Source
This commit is contained in:
Lucas.Xu 2022-08-23 13:44:01 +08:00
parent 104b4cca9d
commit a2c4f73e7d
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/app_flowy/packages/appflowy_editor/assets/images/clear.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8" cy="8" r="7" fill="#F2F2F2"/>
<path d="M6 6L10 10" stroke="#BDBDBD" stroke-linecap="round"/>
<path d="M10 6L6 10" stroke="#BDBDBD" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 274 B

21
frontend/app_flowy/packages/appflowy_editor/lib/src/render/link_menu/link_menu.dart
View File

@ -100,15 +100,26 @@ class _LinkMenuState extends State<LinkMenu> {
textAlign: TextAlign.left, textAlign: TextAlign.left,
controller: _textEditingController, controller: _textEditingController,
onSubmitted: widget.onSubmitted, onSubmitted: widget.onSubmitted,
decoration: const InputDecoration( decoration: InputDecoration(
hintText: 'URL', hintText: 'URL',
hintStyle: TextStyle(fontSize: 14.0), hintStyle: const TextStyle(fontSize: 14.0),
border: OutlineInputBorder( contentPadding: const EdgeInsets.all(16.0),
isDense: true,
suffixIcon: IconButton(
padding: const EdgeInsets.all(4.0),
icon: const FlowySvg(
name: 'clear',
width: 24,
height: 24,
),
onPressed: () {
_textEditingController.clear();
},
),
border: const OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12.0)), borderRadius: BorderRadius.all(Radius.circular(12.0)),
borderSide: BorderSide(color: Color(0xFFBDBDBD)), borderSide: BorderSide(color: Color(0xFFBDBDBD)),
), ),
contentPadding: EdgeInsets.all(16.0),
isDense: true,
), ),
); );
} }