Canmove, confirm, emeritus
1,093
edits
Changes
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..."
{{FeatureStatus
|Feature name=Pseudo-Class Lock
|Feature stage=Design
|Feature health=OK
}}
{{FeatureTeam
|Feature product manager=Kevin Dangoor
|Feature feature manager=Kevin Dangoor
}}
{{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 users and use cases=Anyone doing web design uses this feature.
==== Examine Hover Styles ====
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-
** active
** focus
** hover
** visited
# 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)
Optional:
# support for changing additional pseudo-classes
** link
** enabled
** disabled
** valid
** invalid
** checked
}}
{{FeatureInfo
|Feature priority=P1
|Feature rank=6
|Feature roadmap=Developer Tools
|Feature list=Desktop
|Feature engineering team=DevTools
}}
{{FeatureTeamStatus}}
|Feature name=Pseudo-Class Lock
|Feature stage=Design
|Feature health=OK
}}
{{FeatureTeam
|Feature product manager=Kevin Dangoor
|Feature feature manager=Kevin Dangoor
}}
{{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 users and use cases=Anyone doing web design uses this feature.
==== Examine Hover Styles ====
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-
** active
** focus
** hover
** visited
# 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)
Optional:
# support for changing additional pseudo-classes
** link
** enabled
** disabled
** valid
** invalid
** checked
}}
{{FeatureInfo
|Feature priority=P1
|Feature rank=6
|Feature roadmap=Developer Tools
|Feature list=Desktop
|Feature engineering team=DevTools
}}
{{FeatureTeamStatus}}
