canmove, Confirmed users, Bureaucrats and Sysops emeriti
1,093
edits
(Created page with "{{FeatureStatus |Feature name=Pseudo-Class Lock |Feature stage=Design |Feature health=OK }} {{FeatureTeam |Feature product manager=Kevin Dangoor |Feature feature manager=Kevin Da...") |
No edit summary |
||
| Line 9: | Line 9: | ||
}} | }} | ||
{{FeaturePageBody | {{FeaturePageBody | ||
|Feature overview=This feature provides the ability to set pseudo-classes for use in inspecting styles. For example, CSS styles that are applied on "hover" will naturally go away when you switch to the Page Inspector, because you're no longer hovering over the page element you're trying to examine. This feature gives users a mechanism for making "hover" and other pseudo-classes sticky while you're using the tools. | |Feature overview=This feature provides the ability to set pseudo-classes for use in inspecting styles. For example, CSS styles that are applied on "hover" will naturally go away when you switch to the Page Inspector, because you're no longer hovering over the page element you're trying to examine. This feature gives users a mechanism for making "hover" and other pseudo-classes sticky while you're using the tools. | ||
|Feature users and use cases=Anyone doing web design uses this feature. | |Feature users and use cases=Anyone doing web design uses this feature. | ||
| Line 16: | Line 16: | ||
It's common to set styles that appear only on hover, so the user needs a way to dig into those styles, see how they're being applied and possibly tweak them using the editing capabilities of other parts of the tools suite. | It's common to set styles that appear only on hover, so the user needs a way to dig into those styles, see how they're being applied and possibly tweak them using the editing capabilities of other parts of the tools suite. | ||
|Feature requirements=# user must be able to toggle any of the four commonly supported pseudo- | |Feature requirements=# user must be able to toggle any of the four commonly supported pseudo- | ||
#* active | |||
#* focus | |||
#* hover | |||
#* visited | |||
# this is an element-centric change, so all element-oriented tools (eg, Style Inspector) should follow along | # this is an element-centric change, so all element-oriented tools (eg, Style Inspector) should follow along | ||
# the selected state is locked in until the user is done with the tools (returns focus to the page) | # the selected state is locked in until the user is done with the tools (returns focus to the page) | ||
| Line 26: | Line 26: | ||
# support for changing additional pseudo-classes | # support for changing additional pseudo-classes | ||
#* link | |||
#* enabled | |||
#* disabled | |||
#* valid | |||
#* invalid | |||
#* checked | |||
}} | }} | ||
{{FeatureInfo | {{FeatureInfo | ||