elementary / elementary/granite

Add flat text entry box

Open
#811 3 comments 1 reaction 0 assignees View on GitHub
Status: Confirmed Stylesheet
Dominant language
Vala
Stars
329
Forks
65
Avg merge
1d 14h
Merged PRs (30d)
31

Description

## Problem

In many situations, having the inset text entry box looks off. This is especially the case with renaming items in the Granite.SourceList or in the Files app, where the items are tightly packed and appear flat on the UI by default.
There also seems to be a couple of places something similar is being used, but there is no overarching widget that can be used anywhere.

## Proposal

There should be a Granite.FlatEntry that has custom styling to make the text box not have a box around it, and instead has a rounded 'pill' like accent colour outline for when it is selected.
Another idea may be to automatically put the symbolic pencil icon at the end of the box when hovered to make it obvious it can be edited - and then the symbolic delete icon in the pencil's place while being edited

## Prior Art

Something like this but an actual widget that can be selected with a keyboard
![Screenshot from 2021-01-31 11 39 36](https://user-images.githubusercontent.com/58219504/106382678-18bbea00-63b9-11eb-9178-793312f51e6c.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.