wp/wp-includes/blocks/image/editor.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
equal deleted inserted replaced
21:48c4eec2b7e6 22:8c2e4d02f4ef
     1 .wp-block-image.wp-block-image.is-selected .components-placeholder{
     1 .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small{
     2   background-color:#fff;
     2   min-height:60px;
     3   border:none;
       
     4   border-radius:2px;
       
     5   box-shadow:inset 0 0 0 1px #1e1e1e;
       
     6   color:#1e1e1e;
       
     7   filter:none !important;
       
     8 }
       
     9 .wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
       
    10   opacity:0;
       
    11 }
       
    12 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
       
    13   display:none;
       
    14 }
       
    15 .wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
       
    16   opacity:0;
       
    17 }
       
    18 .wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{
       
    19   opacity:1;
       
    20 }
       
    21 .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
       
    22   transition:none;
       
    23 }
     3 }
    24 
     4 
    25 figure.wp-block-image:not(.wp-block){
     5 figure.wp-block-image:not(.wp-block){
    26   margin:0;
     6   margin:0;
    27 }
     7 }
    35 .wp-block-image figcaption img{
    15 .wp-block-image figcaption img{
    36   display:inline;
    16   display:inline;
    37 }
    17 }
    38 .wp-block-image .components-spinner{
    18 .wp-block-image .components-spinner{
    39   left:50%;
    19   left:50%;
       
    20   margin:0;
    40   position:absolute;
    21   position:absolute;
    41   top:50%;
    22   top:50%;
    42   transform:translate(-50%, -50%);
    23   transform:translate(-50%, -50%);
       
    24 }
       
    25 
       
    26 .wp-block-image__placeholder{
       
    27   aspect-ratio:4/3;
       
    28 }
       
    29 .wp-block-image__placeholder.has-illustration:before{
       
    30   background:#fff;
       
    31   opacity:.8;
       
    32 }
       
    33 .wp-block-image__placeholder .components-placeholder__illustration{
       
    34   opacity:.1;
    43 }
    35 }
    44 
    36 
    45 .wp-block-image .components-resizable-box__container{
    37 .wp-block-image .components-resizable-box__container{
    46   display:table;
    38   display:table;
    47 }
    39 }
    88   margin-left:auto;
    80   margin-left:auto;
    89   margin-right:auto;
    81   margin-right:auto;
    90   text-align:center;
    82   text-align:center;
    91 }
    83 }
    92 
    84 
       
    85 .wp-block[data-align]:has(>.wp-block-image){
       
    86   position:relative;
       
    87 }
       
    88 
    93 .wp-block-image__crop-area{
    89 .wp-block-image__crop-area{
    94   max-width:100%;
    90   max-width:100%;
    95   overflow:hidden;
    91   overflow:hidden;
    96   position:relative;
    92   position:relative;
    97   width:100%;
    93   width:100%;
   118 .wp-block-image__zoom .components-popover__content{
   114 .wp-block-image__zoom .components-popover__content{
   119   min-width:260px;
   115   min-width:260px;
   120   overflow:visible !important;
   116   overflow:visible !important;
   121 }
   117 }
   122 
   118 
       
   119 .wp-block-image__toolbar_content_textarea__container{
       
   120   padding:8px;
       
   121 }
       
   122 
   123 .wp-block-image__toolbar_content_textarea{
   123 .wp-block-image__toolbar_content_textarea{
   124   width:250px;
   124   width:250px;
   125 }
   125 }