Adding a tooltip to Media library UI

fabimc · October 8, 2020, 4:16pm

People in my org keep adding super long names in the media library images (they get truncated). I’m trying to add a tooltip to show the complete name when mouse over so they don’t have to open the image to read the complete name.
Which file do I have to edit?

MattieBelt · October 14, 2020, 8:39am

Hey @fabimc,

Did you get this to work, it would be a nice addition!
Editing this file should work:

github.com

strapi/strapi/blob/9871562359fe5cf01c297750bbf54d9850f4f07b/packages/strapi-plugin-upload/admin/src/components/Card/index.js#L73

    
      
              type={fileType}
              withFileCaching={withFileCaching}
            />
            <Border color={hasError ? 'orange' : 'mediumBlue'} shown={checked || hasError} />
            {children}
          </CardImgWrapper>
          
          
{!withoutFileInfo ? (
            <>
              <Flex>
                <Title>{name}</Title>
                <Tag label={getType(fileType)} />
              </Flex>
              {!withoutFileInfo && (
                <FileInfos
                  extension={generatedExtension}
                  size={fileSize}
                  width={width}
                  height={height}
                />
              )}